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