ajax json的url怎么写

在使用 AJAX 技术时，我们通常需要向服务器发送请求来获取数据。在这一过程中，URL 的格式就显得尤为重要。下面我们来看看如何正确构建 AJAX 请求的 URL 。

在 AJAX 中，最常用的数据格式之一就是 JSON（JavaScript 对象标记语言）。对于 JSON 数据，我们通常使用类似下面这样的代码来发送请求：

const xhr = new XMLHttpRequest();
const url = "example.com/getData";

xhr.open("GET",url,true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send();

在这一代码中，我们可以看到 URL 的格式是如何构建的。我们把 API 地址放在 URL 的开头，然后使用斜杠将其与请求参数分隔开来。

如果需要向服务器 POST 数据，我们应该将数据放在 URL 的末尾，使用 & 符号将其与 URL 进行分割：

const xhr = new XMLHttpRequest();
const url = "example.com/addData";
const data = {
  name: "Tom",age: 18
};

xhr.open("POST",true);
xhr.setRequestHeader('Content-Type','application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send(JSON.stringify(data));

这里，我们需要使用 JSON.stringify 方法将 data 对象转换为 JSON 字符串，并通过 xhr.send 将其发送到服务器。

总之，在构建 AJAX 请求 URL 时，我们需要注意以下几点：

• 将 API 地址放在 URL 的开头。
• 使用斜杠将 API 地址与请求参数分隔开来。
• 对于 POST 请求，将请求数据放在 URL 的末尾，并使用 & 符号与 URL 进行分割。