JS 原生 ajax 写法

以下是一个基本的原生AJAX写法:

function ajax(method, url, data, success) {
  var xhr = new XMLHttpRequest();
  xhr.open(method, url, true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        success(xhr.responseText);
      } else {
        console.log('Error: ' + xhr.status);
      }
    }
  };
  xhr.send(data);
}
// 调用ajax函数:
ajax('POST', '/api/login', JSON.stringify({username: 'user', password: 'password'}), function (res) {
  console.log(res);
});

此代码片段演示了使用原生 JavaScript 和 XMLHttpRequest 对象进行 AJAX 请求的基本方法,其中 `ajax()` 表示我们的 AJAX 函数,该函数接受四个参数:请求的方法(GET、POST、PUT 等)、请求URL、请求要发送的数据、请求成功后要运行的回调函数。在这个函数中,我们使用了 JSON 格式的数据,设置 header 的 Content-Type 为 'application/json',并考虑了 readyState 和 status 的情况。最后,我们使用 JSON.parse() 解析响应,这里将响应直接输出到了控制台。这是一个基本模板,你可以根据自己的需要进行修改。

点赞0
点击评论0
收藏0
浏览 43
 

还没有评论,快来发表第一个评论吧

免责声明:凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,注册用户和一般页面游览者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任(包括侵权责任、合同责任和其它责任)
*尊重作者,转载请注明出处!