Page

[jquery]使用jquery的ajax验证用户信息并获得返回值

687Anson16-05-31


ajax是一种很流行的功能,如果你的网站现在还没有用上ajax异步传输,那你就out了哦^_^

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日