用JQuery实现Ajax

用JQuery实现Ajax

---

发送Ajax请求

基本语法如下：

$.ajax({
    type: 'get/post', // 请求方式，默认get
    url: '请求路径/网址',
    async: true/false,  // 异步/同步，默认true
    data: {
        发送给服务器的数据
    },
    dataType: 'json/jsonp/xml/text/javascript', // 返回数据类型或解决跨域(jsonp)，默认json
    success: function(res) {
        成功回调的处理代码
    },
    error: function(err) {
        错误的处理代码
    },
    timeout: 超时时间(ms) //默认值是3000
})

例如：

$.ajax({
    type: 'get', // 请求方式
    url: './test.json',
    async: true,  // 异步/同步
    dataType: 'json', // 返回数据类型或解决跨域(jsonp)
    success: function (res) {
        console.log(res); // res是请求结果
    },
    error: function (err) {
        console.log(err);
        if(err.status == 404) { // 错误状态码
            location.href = '404.html'; // 跳转到404页面
        }
    },
    timeout: 1000 // 1000毫秒超时
});
function fun() {
    console.log('我执行了');
}
setTimeout(fun, 2000); // 等待一段之间后执行指定函数

可以使用$.ajaxSetup()来设置Ajax的默认参数，例如：

$.ajaxSetup({
    type: 'post',
    timeout: 1000
})

tip：timeout这个参数通常就保留其默认值，要不就通过$.ajaxSetup来全局设定，很少为特定的请求重新设置 timeout 选项。

详细的使用方法可以查看https://www.w3school.com.cn/jquery/ajax_ajax.asp