ajax获取两个json数据_ajax传两个对象

Ajax是一种用于在网页上进行异步请求的技术，它可以在不刷新整个页面的情况下，通过与服务器进行数据交互，实现动态更新网页内容的效果。在实际开发中，我们经常会遇到需要获取多个JSON数据的情况，这时我们可以使用Ajax传递两个对象来实现。

我们需要创建一个XMLHttpRequest对象，用于发送Ajax请求。然后，我们可以使用该对象的open方法指定请求的方法（GET或POST）、URL以及是否异步。接下来，我们可以通过设置该对象的onreadystatechange属性，来监听请求的状态变化。当状态变为4（即请求已完成）且响应状态码为200时，表示请求成功，我们可以通过该对象的responseText属性获取服务器返回的数据。

下面是一个示例代码，演示了如何使用Ajax获取两个JSON数据：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data1 = JSON.parse(xhr.responseText);
    // 处理第一个JSON数据
    console.log(data1);
  }
};
xhr.open('GET', 'url1', true);
xhr.send();
var xhr2 = new XMLHttpRequest();
xhr2.onreadystatechange = function() {
  if (xhr2.readyState === 4 && xhr2.status === 200) {
    var data2 = JSON.parse(xhr2.responseText);
    // 处理第二个JSON数据
    console.log(data2);
  }
};
xhr2.open('GET', 'url2', true);
xhr2.send();

在上面的代码中，我们首先创建了两个XMLHttpRequest对象xhr和xhr2。然后，我们分别为这两个对象的onreadystatechange属性设置了回调函数，用于处理请求的状态变化。在回调函数中，我们首先判断请求的状态是否为4（即请求已完成）且响应状态码是否为200，如果是，则表示请求成功。接着，我们可以通过responseText属性获取服务器返回的数据，并使用JSON.parse方法将其转换为JavaScript对象。我们可以对这两个JSON数据进行处理，例如将其显示在网页上或进行其他操作。

需要注意的是，以上示例中使用的是GET方法发送请求，如果需要使用POST方法，可以将open方法的第一个参数改为'POST'，并在send方法中传递需要发送的数据。如果需要传递更多的JSON数据，可以继续创建XMLHttpRequest对象，并按照相同的方式发送请求和处理响应。

使用Ajax获取两个JSON数据的过程可以简单概括为：创建XMLHttpRequest对象、发送请求、监听状态变化、处理响应数据。通过这种方式，我们可以在网页上实现动态获取和更新多个JSON数据的效果，提升用户体验。