jquery ajax的驗證例項
首先需要在專案中建立資料夾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));
}
}