您的位置:首页 > Web前端 > JQuery

jquery ajax的验证实例

2015-07-22 12:20 579 查看
首先需要在项目中创建文件夹js,导入jquery.js,文件在我的资源可免费下载

form表单中的submit:

<input type="submit" value="登录" onclick="return test();"/>

head标签中:

<head>

<script type="text/javascript" src="./js/jquery.js"></script>

<script type="text/javascript">

function test(){

var username = $('#username').val();

var aa = false;

$.ajax({

type: 'get',

//异步请求

async:false,

//url的样式(url: 'http://localhost/工程名/index.php/Home/控制器的名字/方法名' ,),下面是我自己的例子

url: 'http://localhost/ad/index.php/Home/User/ispeople' ,

data: {

username:username

} ,

success: function(data){

if(data.msg==true) {

alert("此用户名正确!");

aa = true;

} else {

alert("无此用户名,请重新输入!");

aa = false;

}

} ,

dataType: 'json'

});

return aa;

}

</script>

</head>

控制器里面的方法:

//判断用户是否存在

public function ispeople(){

$username=$_GET['username'];

$user = M('User');

$condition['username'] = $username;

$list = $user->where($condition)->find();

if($list){

$this->ajaxReturn(array('msg'=>TRUE));

} else {

$this->ajaxReturn(array('msg'=>FALSE));

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: