用promise封装一个简单的ajax啊

缺乏、安全感 2022-05-10 07:44 219阅读 0赞

function getJSON(url) {    
            return new Promise(function(resolve, reject) {      
                  var XHR = new XMLHttpRequest();   
                  XHR.open('GET', url, true);        
                  XHR.send();        
                  XHR.onreadystatechange = function() {           
                    if (XHR.readyState == 4) {                
                        if (XHR.status == 200) {                    
                            try {                        
                                var response = JSON.parse(XHR.responseText);                        
                                resolve(response);                    
                                } 
                            catch (e) {                        
                                    reject(e);                    
                            }                
                        } 
                        else {                    
                            reject(new Error(XHR.statusText));                
                        }            
                    }        
                }    
        })} 
        
        getJSON(url).then(resp => console.log(resp));

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Promise封装Ajax()

封装Ajax let _ajax = ({ method, url, data}) => { return ne

骑猪看日落/ 2023年10月08日 11:14/ 0 赞/ 20 阅读

相关 Promise_03封装 AJAX

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

向右看齐/ 2023年10月06日 17:26/ 0 赞/ 58 阅读

相关 Promise实战AJAX封装

一、利用Promise的知识，对最开始的ajax的例子进行一个简单的封装： var url = 'xxx'; // 封装一个get请求的方法 function req

灰太狼/ 2023年06月11日 10:23/ 0 赞/ 16 阅读

相关封装一个通用的ajax函数以及用promise和fetch封装ajax请求函数

//封装ajax function useajax(method, url, data, callback, type) { //创建兼容对象

你的名字/ 2023年06月08日 04:43/ 0 赞/ 33 阅读

相关 Promise简单封装ajax请求

注意: Ajax函数里ourl参数可选。 function Ajax(method, url, ourl) { return new Promise(

ゝ一纸荒年。/ 2023年06月06日 08:29/ 0 赞/ 29 阅读

相关 Promise封装ajax

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2022年10月11日 00:46/ 0 赞/ 261 阅读

相关 Ajax 搭配 Promise 封装

简述 Ajax（Asynchronous JavaScript And XML） Promise JavaScript

客官°小女子只卖身不卖艺/ 2022年05月25日 02:26/ 0 赞/ 270 阅读

相关用promise封装一个简单的ajax啊

function getJSON(url) { return new Promise(function(resolve, reject)

缺乏、安全感/ 2022年05月10日 07:44/ 0 赞/ 220 阅读

相关利用promise封装ajax

1.网上很多封装，但是自己觉得为什么要分开封装呢？get和post封装成一个函数不好么？根据自己以前封装的ajax顺手改了一下，并在自己的项目中使用了一下，还可以。

蔚落/ 2022年01月19日 06:03/ 0 赞/ 294 阅读

相关 promise封装ajax

关于promise使用时的几点： 1. 使用方法：先创建一个promise对象new Promise(),根据业务需求判断执行成功或失败，成功调用resovle(),

水深无声/ 2021年10月23日 21:26/ 0 赞/ 751 阅读