ajax返回4-ajax返回数据类型：示例代码

1、Ajax返回数据类型有四种，分别是文本（text）、XML（xml）、HTML（html）和JSON（json）。

首先是文本（text）类型，它是最常用的一种返回数据类型。当服务器返回的数据是纯文本时，可以使用文本类型来接收。下面是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.txt', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var text = xhr.responseText;
        console.log(text);
    }
};
xhr.send();

接下来是XML（xml）类型，它用于接收服务器返回的XML格式数据。下面是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.xml', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var xml = xhr.responseXML;
        var title = xml.getElementsByTagName('title')[0].textContent;
        console.log(title);
    }
};
xhr.send();

然后是HTML（html）类型，它用于接收服务器返回的HTML格式数据。下面是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.html', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var html = xhr.responseText;
        var div = document.createElement('div');
        div.innerHTML = html;
        console.log(div.innerText);
    }
};
xhr.send();

最后是JSON（json）类型，它用于接收服务器返回的JSON格式数据。下面是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var json = JSON.parse(xhr.responseText);
        console.log(json.name);
    }
};
xhr.send();

以上就是Ajax返回数据类型的四种示例代码，分别是文本、XML、HTML和JSON类型。