ajax如何发送json请求

涛哥
PHP代码

发送 JSON 请求的一种常见方式是使用 XMLHttpRequest 对象，以下是一个使用 XMLHttpRequest 发送 JSON 请求的示例代码：

const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/endpoint');
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onload = function() {
  if (xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

const data = {
  name: 'John Doe',
  age: 30,
  email: 'john.doe@example.com'
};

xhr.send(JSON.stringify(data));

在上面发送json请求的代码中，我们创建了一个 XMLHttpRequest 对象，然后使用 open 方法指定请求方法和请求地址。接下来，我们使用 setRequestHeader 方法设置请求头中的 Content-Type 为 application/json，以告诉服务器我们要发送的是 JSON 数据。

然后，我们为 xhr 对象的 onload 事件注册一个回调函数，在该回调函数中处理服务器返回的数据。在这个示例中，我们假设服务器返回的数据也是 JSON 格式，所以我们使用 JSON.parse 方法将其转换为 JavaScript 对象。

最后，我们使用 send 方法发送请求，并将要发送的数据通过 JSON.stringify 方法转换为 JSON 字符串。

需要注意的是，在使用 XMLHttpRequest 发送 JSON 请求时，服务器端需要能够正确地解析请求体中的 JSON 数据。

 
  • 字符串
  • JavaScript
  • ajax请求