手写ajax的post

请求怎么写？

您可以使用以下代码来手写ajax的post请求：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify({
key1: 'value1',
key2: 'value2'
}));

相关问题

手写ajax的get方法实现

可以使用XMLHttpRequest对象来手写ajax的get方法实现。具体步骤如下：

1. 创建XMLHttpRequest对象
2. 使用open方法设置请求方式和请求地址
3. 使用send方法发送请求
4. 监听XMLHttpRequest对象的onreadystatechange事件，当readyState为4且status为200时，表示请求成功，可以获取响应数据

示例代码如下：

function ajaxGet(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      callback(xhr.responseText);
    }
  }
  xhr.open('GET', url, true);
  xhr.send();
}

其中，url为请求地址，callback为请求成功后的回调函数，可以在回调函数中处理响应数据。

手写一个简单的$.ajax

您可以手写一个简单的$.ajax()请求，步骤如下：

1. 首先，需要创建一个XMLHttpRequest对象。您可以使用下面的代码来创建一个兼容不同浏览器的XMLHttpRequest对象：

function getXhr() {
  var xhr = null;
  if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else {
    xhr = new ActiveXObject('Microsoft.XMLHTTP');
  }
  return xhr;
}

这个函数会返回一个XMLHttpRequest对象。

2. 接下来，您可以使用上述函数获取到XMLHttpRequest对象，并使用它来发送请求。下面是一个简单的示例代码：

var xhr = getXhr(); // 获取XMLHttpRequest对象
xhr.open('GET', 'your-url'); // 设置请求方法和URL
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理响应数据
    var response = xhr.responseText;
    console.log(response);
  }
};
xhr.send(); // 发送请求

在上述代码中，您需要将'your-url'替换为您要发送请求的URL。然后，您可以在xhr.onreadystatechange事件处理程序中处理响应数据。在这个示例中，我们只是简单地将响应数据打印到控制台。

这样，您就可以手写一个简单的$.ajax()请求了。这种方式相比于使用jQuery的$.ajax()方法，可以减少对整个jQuery库的依赖，并且可以更加灵活地控制请求过程。同时，您可以根据需要自定义请求头、请求方法等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>