ajax

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