ajax封装请求头json

在Web开发中，常常需要使用Ajax来进行页面异步请求。而在发送Ajax请求时，我们通常需要设置请求头和请求参数。其中，请求头通常需要设置为json类型。因此，我们可以封装一个Ajax的方法，将请求头设置为json格式。

function ajax(option) {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求方法和请求地址
  xhr.open(option.method,option.url,true);
  // 设置请求头为json格式
  xhr.setRequestHeader('Content-Type','application/json');
  // 发送请求
  xhr.send(JSON.stringify(option.data));
  // 监听请求状态
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功，处理返回数据
      option.success(xhr.responseText);
    } else {
      // 请求失败
      option.error(xhr.status);
    }
  }
}

在以上代码中，我们封装了一个名为ajax的函数，接收一个option参数。其中，option包含以下属性：

• method：请求方法，如get、post。
• url：请求地址，如http://api.example.com/user。
• data：请求参数，通常为一个json对象，如{name:'张三',age:18}。
• success：请求成功后的回调函数。
• error：请求失败时的回调函数，接收一个状态码。

在函数内部，我们先创建了一个XMLHttpRequest对象，并使用open方法设置请求方法和请求地址。然后，我们调用setRequestHeader方法设置请求头为json格式。接着，我们使用send方法发送请求，并将请求参数转为json格式。最后，我们监听请求状态，如果状态为4且状态码为200，则说明请求成功，我们调用success回调函数处理返回数据。否则，我们调用error回调函数。

通过封装Ajax请求头为json的方法，我们可以在项目中快速方便地发送Ajax请求。同时，也增强了代码的可读性和维护性。