ajax的用法有哪些？ ajax的具體用法詳解-js教程-PHP中文網

本篇文章主要的向大家講解了關於ajax的用法詳情，還有實例在證明，讓大家能更快速的看懂文章的內容。現在讓我們一起來看看這篇文章吧

語法： $.ajax([settings]);

$.ajax({  
    type: "POST",  
    url: "UserLogincheck",  
    data: {username:$("#username").val(), password:$("#password").val(),verify:$("#verify").val()},  
    dataType: "json",  
    success: function(data){  
        if(data==1){  
            // 用户名或密码错误  
            alert("用户名或密码错误");  
        }  
        else if(data==2){  
            alert("验证码错误");  
            // 验证码错误  
        }  
        else if(data==0){  
            window.location.href="index";  
        }  
        //跳转页面  
    },  
    error:function(XMLHttpRequest, textStatus, errorThrown){//请求失败时调用此函数  
        console.log(XMLHttpRequest.status);  
        console.log(XMLHttpRequest.readyState);  
        console.log(textStatus);                              
    }  
});

登入後複製

php作為後台的處理程序

public function UserLogincheck(){//用户登陆验证(用户名和邮箱均可登陆)  
                $very = new \Think\Verify();  
                if($very->check($_POST['verify'])){//验证码正确  
                 $user_admin = I('post.username');  
                 $judge = " (user_name = '$user_admin' or user_email = '$user_admin' )";  
                 $user_del_status = $this->user->where($judge)->getField('user_del');  
                   if($user_del_status == 0){//用户未被注销  
                       $user_password = I('post.password');  
                       $judge .= "and user_password = '$user_password'";  
                       $res = $this->user->where($judge)->find();  
                       if($res){//记录用户登陆状态  
                         $_SESSION['ADMIN_user_id'] = $this->user->where($judge)->getField('user_id');  
                         $_SESSION['ADMIN_user_name'] = $data['user_name'];  
                         $this->ajaxReturn(0);//登陆成功  
                       }  
                       $this->ajaxReturn(1);//用户名或密码错误  
                   }  
                   else  
                     $this->ajaxReturn(8);//用户信息被注销  
                }  
                else  
                  $this->ajaxReturn(2);//验证码错误  
       }

登入後複製

ajax參數詳解：

#data##類型： String

傳送到伺服器的資料。將自動轉換為請求字串格式。 GET 請求中將附加在 URL 後。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數組，jQuery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 '&foo=bar1&foo=bar2'。

（想看更多就到PHP中文網

AJAX開發手冊欄位學習）

dataFilter

類型： Function

給Ajax 傳回的原始資料的進行預處理的函數。提供 data 和 type 兩個參數：data 是 Ajax 傳回的原始數據，type 是呼叫 jQuery.ajax 時提供的 dataType 參數。函數傳回的值將由 jQuery 進一步處理。

dataType

類型：String

預期伺服器傳回的資料類型。如果不指定，jQuery 會自動根據 HTTP 套件 MIME 資訊來智慧判斷，例如 XML MIME 類型就被辨識為 XML。在 1.4 中，JSON 就會產生一個 JavaScript 對象，而 script 則會執行這個腳本。隨後伺服器端傳回的資料會根據這個值解析後，傳遞給回呼函數。可用值:

"xml": 傳回 XML 文檔，可用 jQuery 處理。

"html": 傳回純文字 HTML 資訊；包含的 script 標籤會在插入 dom 時執行。

"script": 傳回純文字 JavaScript 程式碼。不會自動快取結果。除非設定了 "cache" 參數。注意：在遠端請求時(不在同一個網域下)，所有 POST 請求都會轉為 GET 請求。（因為將使用 DOM 的 script標籤來載入）

"json": 傳回 JSON 資料。

"jsonp": JSONP 格式。使用 JSONP 形式呼叫函數時，如 "myurl?callback=?" jQuery 會自動取代 ? 為正確的函式名，以執行回呼函數。

"text": 傳回純文字字串

error

#類型：Function

預設值: 自動判斷(xml或html)。請求失敗時呼叫此函數。

有以下三個參數：XMLHttpRequest 物件、錯誤訊息、（可選）擷取的例外物件。

如果發生了錯誤，錯誤訊息（第二個參數）除了得到 null 之外，還可能是 "timeout", "error", "notmodified" 和 "parsererror"。

這是一個 Ajax 事件。