ajax 返回 《pre》 ajax返回页面如何处理：示例代码

当使用Ajax进行页面请求时，返回的数据通常是以字符串的形式呈现。在处理这些返回的数据时，我们可以使用JavaScript的方法来解析和处理。

我们可以使用XMLHttpRequest对象来发送Ajax请求，并在返回数据时触发一个回调函数来处理返回的结果。在回调函数中，我们可以使用responseText属性来获取返回的数据。

例如，下面的代码演示了如何使用Ajax发送请求，并将返回的数据显示在页面上：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置回调函数，当请求完成时触发
xhr.onreadystatechange = function() {
  // 当请求成功完成时（状态码为4），处理返回的数据
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取返回的数据
    var response = xhr.responseText;
    // 将返回的数据显示在页面上
    var preElement = document.createElement('pre');
    preElement.textContent = response;
    document.body.appendChild(preElement);
  }
};
// 发送Ajax请求
xhr.open('GET', 'example.com/ajax', true);
xhr.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象并设置了一个回调函数。当请求完成时，回调函数会被触发。在回调函数中，我们使用responseText属性获取返回的数据，并创建一个`<pre>`元素来显示返回的数据。

通过这种方式，我们可以将返回的数据以字符串的形式呈现在页面上，方便进行进一步的处理或展示。