ajax text json

在现代web开发中，Ajax是不可或缺的一个技术。Ajax是Asynchronous JavaScript and XML的缩写，意为异步JavaScript和XML。通过Ajax，web应用可以实现网页不重新加载的情况下与服务器进行数据交互的功能。在Ajax中，主要涉及到三种数据格式：text、json和xml。

// 使用Ajax获取text数据
var xhr = new XMLHttpRequest();
xhr.open('GET','/data.txt',true);
xhr.onload = function() {
    if (xhr.status === 200) {
        console.log(xhr.responseText); // 获取到的text数据
    }
};
xhr.send();

上述代码演示了如何使用Ajax获取text格式的数据。首先创建了一个XHR对象，通过xhr.open()方法打开一个HTTP连接并指定请求的URL和请求方式，其中第三个参数true表示该请求是异步的。然后通过xhr.onload方法监听请求的响应，并在状态码为200的情况下即xhr.status === 200时获取到响应的text数据。最后通过xhr.send()方法提交该请求。

// 使用Ajax获取json数据
var xhr = new XMLHttpRequest();
xhr.open('GET','/data.json',true);
xhr.onload = function() {
    if (xhr.status === 200) {
        var data = JSON.parse(xhr.responseText); // 解析json数据
        console.log(data); // 获取到的json数据
    }
};
xhr.send();

上述代码演示了如何使用Ajax获取json格式的数据。与获取text数据类似，首先创建了一个XHR对象，通过xhr.open()方法打开一个HTTP连接并指定请求的URL和请求方式，其中第三个参数true表示该请求是异步的。然后通过xhr.onload方法监听请求的响应，并在状态码为200的情况下即xhr.status === 200时获取到响应的json数据。需要注意的是，由于json数据需要解析，因此需要通过JSON.parse()方法进行解析。最后通过console.log()方法输出获取到的json数据。