ajax - error

...html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>示例</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>
<body>
 
<button onclick="cs()" >獲取信息</button> 

</body>
<script> 

function cs (){
    $.ajax({ 
        url:"wrongfile.txt",
        dataType:"json",   //返回格式爲json
        async:true,//請求是否異步,默認爲異步,這也是ajax重要特性
        // data:{"id":"value"},    //參數值
        type:"POST",   //請求方式
        beforeSend:function(){ //請求前的處理
        },
        success: function(mag){//success指的是請求併成功返回信息 //msg是返回的內容
            alert(mag);
        },
        complete:function(){ //請求完成的處理
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(jqXHR.responseText); // 服務器響應返回的文本信息
            console.log(jqXHR.status); // 返回的HTTP狀態碼,好比常見的404,500等錯誤代碼
            console.log(jqXHR.readyState); // 當前狀態,0-未初始化,1-正在載入,2-已經載入,3-數據進行交互,4-完成
            console.log(jqXHR.statusText); // 對應狀態碼的錯誤信息
            //彈出其餘兩個參數的信息 
            console.log(textStatus); // "timeout"(超時), "error"(錯誤), "abort"(停止), "parsererror"(解析錯誤),還有可能返回空值
            console.log(errorThrown); // 若是產生的是HTTP錯誤,那麼返回的信息就是HTTP狀態碼對應的錯誤信息 
        }
        
    });
}
</script>
</html>

...jquery

相關文章
相關標籤/搜索