ajax如何发送json请求数据,ajax发送参数

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

AJAX（Asynchronous JavaScript and XML）是一种通过在后台与服务器进行数据交换的技术，可以在不重新加载整个网页的情况下更新部分网页内容。在使用AJAX发送请求时，可以通过发送JSON格式的数据来获取服务器返回的数据。

我们需要创建一个XMLHttpRequest对象，用于与服务器进行通信。然后，我们可以使用该对象的open()方法来设置请求的方法、URL和是否异步。接下来，我们可以设置请求头，告诉服务器我们发送的数据是JSON格式。然后，我们需要将JSON数据转换为字符串，并通过send()方法发送给服务器。

以下是一个示例代码，演示如何使用AJAX发送JSON请求数据：


// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法、URL和是否异步
xhr.open('POST', 'http://example.com/api', true);
// 设置请求头，告诉服务器发送的数据是JSON格式
xhr.setRequestHeader('Content-Type', 'application/json');
// 监听服务器响应
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 服务器响应成功，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
// 准备要发送的JSON数据
var data = { name: 'John', age: 30 };
var jsonData = JSON.stringify(data);
// 发送请求
xhr.send(jsonData);

在上面的示例中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法设置了请求的方法为POST、URL为'http://example.com/api'，并且将异步设置为true。然后，我们使用setRequestHeader()方法设置了请求头，告诉服务器发送的数据是JSON格式。接下来，我们将要发送的JSON数据准备好，并使用JSON.stringify()方法将其转换为字符串。我们使用send()方法将JSON数据发送给服务器。

需要注意的是，在接收到服务器的响应后，我们可以通过xhr.responseText获取服务器返回的数据。在示例中，我们使用JSON.parse()方法将返回的数据解析为JSON对象，并打印到控制台上。

除了上述示例中的POST请求，我们还可以使用GET请求发送JSON数据。例如，我们可以使用以下代码发送一个GET请求：


// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法、URL和是否异步
xhr.open('GET', 'http://example.com/api?name=John&age=30', true);
// 设置请求头，告诉服务器发送的数据是JSON格式
xhr.setRequestHeader('Content-Type', 'application/json');
// 监听服务器响应
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 服务器响应成功，处理返回的数据
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
// 发送请求
xhr.send();

在以上示例中，我们使用open()方法设置了请求的方法为GET，并将要发送的数据作为查询参数附加在URL上。然后，我们可以继续设置请求头、监听服务器响应并发送请求。

总结一下，使用AJAX发送JSON请求数据的步骤包括创建XMLHttpRequest对象、设置请求方法、URL和是否异步、设置请求头、准备要发送的JSON数据并发送请求，最后处理服务器的响应。通过这种方式，我们可以方便地与服务器进行数据交互，并实现动态更新网页内容的效果。

ajax如何发送json请求数据,ajax发送参数

相关阅读