ajax常用的json属性

AJAX（Asynchronous JavaScript and XML）是一种前端常用的异步通信技术。使用AJAX可以在页面不刷新的情况下向服务器发送请求和接收响应。其中，JSON(JavaScript Object Notation)是AJAX开发中最常用的数据格式之一。JSON是一种轻量级的数据交换格式，易于读取和处理，也容易和其他数据格式进行转换。下面将介绍JSON在AJAX中的常用属性：

1. dataType

dataType是一个必须设置的属性，用于指定响应的数据类型。在AJAX中包括四种数据类型："text","xml","html","json"。当使用JSON作为响应的数据类型时，需要将dataType设置为"json"。如下：

$.ajax({
    url: "http://example.com",dataType: "json"
});

2. contentType

contentType是指发送给服务器的数据类型。在AJAX中包括四种数据类型："application/x-www-form-urlencoded","multipart/form-data","text/plain"和"application/json"。如果发送的数据是JSON字符串，需要将contentType设置为"application/json"。如下：

$.ajax({
    url: "http://example.com",type: "POST",data: JSON.stringify({name: "张三",age: 20}),contentType: "application/json"
});

3. beforeSend

beforeSend是发送AJAX请求前执行的回调函数。可以在这个回调函数中设置请求头信息。如果需要在请求头中添加Token验证，可以在beforeSend中添加如下代码：

$.ajax({
    url: "http://example.com",beforeSend: function(xhr) {
        xhr.setRequestHeader('Token','xxx');
    }
});

4. success

success是请求成功后执行的回调函数。可以在这个回调函数中处理响应的数据。如果请求的响应类型是JSON，可以直接调用响应对象的属性。如下：

$.ajax({
    url: "http://example.com",dataType: "json",success: function(response) {
        console.log(response.name);
        console.log(response.age);
    }
});

5. error

error是请求失败后执行的回调函数。可以在这个回调函数中处理错误信息。如下：

$.ajax({
    url: "http://example.com",success: function(response) {
        console.log(response.name);
        console.log(response.age);
    },error: function(jqXHR,textStatus,errorThrown) {
        console.log("请求失败：" + textStatus + " " + errorThrown);
    }
});