Ajax配置和常用的请求方式

Ajax（Asynchronous JavaScript and XML）是一种在网页中实现异步数据交换的技术。通过在后台与服务器进行少量数据交换，Ajax可以使页面局部刷新，提升用户体验。

以下是配置Ajax及其常用请求方式的示例代码：

// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置Ajax - 设置请求的URL
xhr.open('GET', 'your-url-endpoint');
 
// 可以在此处理发送前的请求配置，例如设置请求头
// xhr.setRequestHeader('Content-Type', 'application/json');
 
// 注册状态变化的监听器
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    var response = xhr.responseText;
    console.log('Response received:', response);
  }
};
 
// 发送请求
xhr.send();

常用的请求方式包括：

• GET: 请求指定的页面信息，并返回实体主体。
• POST: 向指定资源提交数据进行处理请求，数据被包含在请求体中。
• PUT: 上传指定的URI表示。
• DELETE: 请求服务器删除指定的页面。
• HEAD: 仅请求页面的首部。

示例代码中使用了GET方法，如果要使用POST方法，可以修改open方法的参数，并在发送前准备数据：

xhr.open('POST', 'your-url-endpoint');
// 设置内容类型
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
var data = 'key1=value1&key2=value2';
xhr.send(data);

以上代码仅展示了基本用法，实际使用时可能需要添加错误处理、超时处理、跨域请求处理等。