Promise简单封装ajax请求

ゝ一纸荒年。 2023-06-06 08:29 28阅读 0赞

注意: Ajax函数里ourl参数可选。

function Ajax(method, url, ourl) {
        return new Promise((resolve, reject) => {
            var xhr = new XMLHttpRequest();
            //无参
            if (ourl == undefined) {
                xhr.open(method, url);
                xhr.send();
            } else {
                //post有参
                if (method === 'post' || method === 'POST') {
                    xhr.open(method, url);
                    xhr.send(ourl);
                } else {
                    //get有参
                    url = url + '?' + ourl;
                    xhr.open(method, url);
                    xhr.send();
                }
            }
            xhr.onreadystatechange = function () {
                if (this.readyState == 4) {
                    if (this.status == 200) {
                        resolve(this.responseText);
                    } else {
                        let err = { msg: '请求失败' };
                        reject(err);
                    }
                }
            }
        })
    }

示例：

let url = `http://localhost:9099`;
           let ourl = `username=jack&psd=123456&tel=13015535410`;
          Ajax('get', url,ourl).then(data => {
                console.log(data);
            }, err => {
                console.log(err);
            });

发表评论取消回复

表情：

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

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

相关阅读

相关使用Promise封装Ajax()

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

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

相关 Promise_03封装 AJAX

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

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

相关 Promise实战AJAX封装

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

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

相关 Promise简单封装ajax请求

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

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

相关 promise封装XMLHttpRequest请求，封装ajax

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

清疚/ 2023年01月16日 14:21/ 0 赞/ 183 阅读

相关 Promise封装ajax

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

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

相关 Ajax 搭配 Promise 封装

简述 Ajax（Asynchronous JavaScript And XML） Promise JavaScript

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

相关使用Promise、axios封装ajax异步请求

先上代码（加载动画用的是Element UI组件） import axios from "axios" import Vue from 'vue' i

た入场券/ 2022年04月11日 02:40/ 0 赞/ 526 阅读

相关利用promise封装ajax

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

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

相关 promise封装ajax

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

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