ajax的get和post方法怎么写

在JavaScript中，可以使用XMLHttpRequest对象来发起HTTP请求，从而实现ajax操作。其中，get和post方法是常用的两种请求方式。下面分别介绍如何使用get和post方法：

1. get方法

使用get方法可以向服务器请求指定的资源，并将响应结果返回给客户端。get方法通常用于获取数据，因为它不会修改服务器上的资源。下面是一个使用get方法的示例代码：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data');
xhr.onload = function() {
  if (xhr.status === 200) {
    const data = xhr.responseText;
    console.log(data);
  }
};
xhr.send();

在这个代码中，我们首先创建了一个XMLHttpRequest对象，然后调用`open`方法指定请求的方法和URL。接着，我们设置了一个`onload`回调函数，当请求完成时，该函数将被调用。在回调函数中，我们检查响应的状态码是否为200，如果是，就获取响应内容并输出到控制台。

2. post方法

使用post方法可以向服务器提交数据，并让服务器进行处理。post方法通常用于向服务器发送数据，比如提交表单数据、上传文件等。下面是一个使用post方法的示例代码：

const xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/submit');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
  if (xhr.status === 200) {
    const data = xhr.responseText;
    console.log(data);
  }
};
const formData = { name: '张三', age: 18 };
xhr.send(JSON.stringify(formData));

在这个代码中，我们同样创建了一个XMLHttpRequest对象，并调用`open`方法指定请求的方法和URL。不同的是，我们还调用了`setRequestHeader`方法设置请求头信息，告诉服务器我们要发送的数据类型是JSON格式。接着，我们设置了一个`onload`回调函数，当请求完成时，该函数将被调用。在回调函数中，我们检查响应的状态码是否为200，如果是，就获取响应内容并输出到控制台。最后，我们使用`send`方法将数据发送到服务器，注意需要将数据转换为JSON字符串。