jQuery中的Ajax请求----ajax请求篇(二)

      在jQuery中的Ajax请求其实是在底层对原生js请求方式的封装,那么jQuery中的Ajax请求是怎样的呢?

     先上代码:

$.ajax({
            url: 'xxx',  //请求地址
            type: 'get',  //请求方式 get或者post
            //请求参数
            data: {  //发送到服务器的数据(将自动转换为请求字符串格式)
                id: xx,
                username: 'xx'
            }, 
            dataType: 'json',  //用于设置响应体的类型
            beforeSend: function (xhr) {
                // 在所有发送请求的操作(open, send)之前执行
                console.log('beforeSend', xhr);
            },
            success: function (res) {
                // 只有请求成功(状态码为200)才会执行这个函数
                console.log(res);
            },
            error: function (xhr) {
                // 只有请求不正常(状态码不为200)才会执行
                console.log('error', xhr);
            },
            complete: function (xhr) {
                // 不管是成功还是失败都是完成,都会执行这个 complete 函数(一般成功与失败都需要执行的操作写在这里)
                console.log('complete', xhr);
            }
        });

里面还有一些其他参数,也可以进行补充,这里不做过多赘述。

你可能感兴趣的:(前端,javascript,jquery,ajax,前端)