Promise简单封装ajax请求

ゝ一纸荒年。 2023-06-06 08:29 5阅读 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 条评论，5人围观）

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

相关阅读

相关 Promise_03封装 AJAX

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

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

相关 Promise简单封装ajax请求

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

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

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

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

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

相关 promise对axios二次封装、promise封装ajax、promise封装wx.request、promise封装uni.reqest

在上一篇[Promise][]文章中我们学习了`promisse`的基本知识后，下一步就是`promise`如何使用呢？根据老湿从业8年的经验。将promise在项目中的使

╰半橙微兮°/ 2022年12月20日 01:24/ 0 赞/ 424 阅读

相关 Promise封装ajax

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

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

相关 Ajax 搭配 Promise 封装

简述 Ajax（Asynchronous JavaScript And XML） Promise JavaScript

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

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

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

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

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

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

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

相关利用promise封装ajax

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

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

相关 promise封装ajax

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

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