ajax请求json字符串

在前端开发中，经常使用Ajax请求后台数据，其中返回的数据格式有许多种，其中就包括JSON字符串。

JSON全称JavaScript Object Notation，它是一种轻量级的数据交换格式，具有易读、易解析、易编写、易调试等特点，尤其适合于 Web 应用程序的数据交换。

在使用Ajax请求JSON字符串时，需要注意以下几点：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求方式和请求地址
xhr.open('GET','/api/data.json');
//设置响应数据类型为JSON
xhr.responseType = 'json';
//发送请求
xhr.send();
//处理响应结果
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var data = xhr.response;
        console.log(data);
    }
}

需要注意的是，设置响应数据类型为JSON并不是必须的，如果不设置，获取到的响应结果也可以是JSON字符串，只不过需要手动使用JSON.parse()方法将其转换为JavaScript对象。

鉴于JSON字符串的易读性，通常可以直接将其展示在页面上。

$.getJSON('/api/data.json',function(data) {
    $('body').append('
' + JSON.stringify(data,null,4) + '
');
});

以上代码使用jQuery的getJSON方法请求JSON数据，并将其展示在页面上。

在实际开发中，Ajax请求JSON数据是很常见的操作，掌握JSON字符串的读取和展示方式有助于我们更好地开发Web应用程序。