...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