ajax 请求方法【ajax请求方法有几种：示例代码】

1、AJAX（Asynchronous JavaScript and XML）是一种在网页中进行异步数据交互的技术。通过AJAX，可以在不刷新整个页面的情况下，向服务器发送请求并获取数据。AJAX请求方法有多种，常用的有GET和POST方法。

GET方法用于向服务器获取数据，通过在URL中添加参数，将请求的数据传递给服务器。示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data?id=123", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

在上述示例中，使用XMLHttpRequest对象创建了一个GET请求，并指定了请求的URL为"https://api.example.com/data?id=123"。通过onreadystatechange事件监听请求状态的变化，当请求状态为4（即请求完成）且响应状态码为200时，将获取到的响应数据解析为JSON格式并输出到控制台。

POST方法用于向服务器提交数据，通过将数据放在请求体中发送给服务器。示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://api.example.com/data", true);
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);
  }
};
var data = {
  name: "John",
  age: 25
};
xhr.send(JSON.stringify(data));

在上述示例中，同样使用XMLHttpRequest对象创建了一个POST请求，并指定了请求的URL为"https://api.example.com/data"。通过setRequestHeader方法设置请求头的Content-Type为"application/json"，表示请求体中的数据为JSON格式。通过onreadystatechange事件监听请求状态的变化，当请求状态为4且响应状态码为200时，将获取到的响应数据解析为JSON格式并输出到控制台。通过send方法将数据转换为JSON字符串并发送给服务器。

除了GET和POST方法，还有其他的AJAX请求方法，如PUT、DELETE等，用于更新或删除服务器上的数据。这些方法的使用方式类似，只需将请求方法改为相应的方法即可。