jquery为我们提供了非常便捷的ajax类,大大简化了我们的操作。
先定义一个js点击触发函数,里面有输入框获取答案,使用$.ajax将值和id放在data里面,并传值到url为checkName这个链接,因为我使用的是thinkphp控制器模式,所以url很简洁,设置异步传输成功之后的操作success,alert出php文件传过来的返回值。注意:默认是get的传值方式。
function ajaxDis(id){ var name=prompt('我的名字叫?',''); if (name!==null) { $.ajax({ url:"checkName", data:"name="+name+"&id="+id, success:function(result){ alert(result); } }) }; }
php内容如下,首先获得ajax传过来的姓名和id号,判断两者是否都有值,并判断姓名是不是“周杰伦”,如果为true,则从数据库中找到id为$id的这篇日记文章,并echo出来,echo出来的值就是要返回success方法中的参数result,如果为false,则返回错误提示信息。
function checkName(){ $data=$_GET; $name=$data['name']; $id=$data['id']; if (!empty($name)&&!empty($id)) { if ($data['name']=='周杰伦') { $diary=D('Article')->where("id=$id")->find(); echo $diary['summary']; }else{ echo "不好意思,您的回答错误,请重试"; } } }
来自Anson博客
2016年5月31日