原生js写ajax结合promise对象

Posted 烟火人间

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js写ajax结合promise对象相关的知识,希望对你有一定的参考价值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const ajaxPromise =  param => {
  return new Promise((resovle, reject) => {
    var xhr = new XMLHttpRequest();
    xhr.open(param.type || "get", param.url, true);
    xhr.send(param.data || null);
 
    xhr.onreadystatechange = () => {
     if(xhr.readyState === 4){
      if(xhr.status === 200){
        resovle(JSON.parse(xhr.responseText));
      else{
        reject(JSON.parse(xhr.responseText));
      }
     }
    }
  })
}

 

以上是关于原生js写ajax结合promise对象的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

AJAX相关JS代码片段和部分浏览器模型

原生js的ajax

使用原生js写ajax

使用原生js写ajax