1. 程式人生 > >jquery ajax的驗證例項

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));
            }
        }