封装公用的ajax网络请求，将ajax请求封装

r囧r小猫 2021-10-19 10:50 421阅读 0赞

### **封装网络请求** ###

在公共的文件里面写入：(我的文件  config.js )

const config = {
        //  域名
        httpURL: 'https://abcabc.cn', 
    
    	// 封装数据请求
    	/**
    	 * method  请求方法  get、post
    	 * url   请求的api
    	 * data  请求参数{}
    	 * resolve 成功的回调
         * reject  失败的回调
    	 */
        RequestData:(method,url,data)=>{     
            return new Promise((resolve,reject)=>{
                $.ajax({
                    type: method,
                    url: url,
                    contentType: 'application/x-www-form-urlencoded;charset=utf-8',
                    data: data,
                    dataType: "json",
                    complete:res=>{
                        if(res.success){
                             resolve(res);   // 成功
                        }else{   
                            reject(res);   // 失败
                        }
                    }
                })
            })
        }
    }

.html页面

/*
    * 引入jquery、
    * 引入自己写的config.js文件（封装的网络请求）
    */
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="../js/config.js"></script>
    
    
    
    /*
    * 使用请求
    */
    
    getData(){
        var url = config.httpURL+'/v1/membercenter/getMyOrderList.do';
        var params = {
            session:localStorage.getItem('session')
        }
        config.RequestData('post',url,params).then(res=>{
            if(res.success){
                // 数据请求成功
            }
       }).catch(err=>{
               // 数据请求失败
            console.log(err);
       })
    }
    
    
    this.getData();    // 调用方法

\-----完。

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery+AJAX请求的统一封装

记录一下使用jQuery+AJAX对http请求的统一封装很久都没有使用jquery和ajax的组合了，这里记录一下jquery和ajax的组合简单封装将来或许有机会重新

迷南。/ 2024年02月26日 01:58/ 0 赞/ 87 阅读

相关 AJAX发送网络请求-封装AJAX-Fetch发送网络请求

文章目录 1.AJAX网络请求 1.1 AJAX发送请求 1.2 XHR的状态 1.3 XHR

秒速五厘米/ 2023年09月28日 13:49/ 0 赞/ 43 阅读

相关封装一个通用的ajax请求

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

我会带着你远行/ 2023年06月08日 04:43/ 0 赞/ 24 阅读

相关 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 赞/ 184 阅读

相关 http封装ajax请求

var zwt = zwt || {} zwt.ajax = function (options) { // options =

骑猪看日落/ 2022年06月06日 05:23/ 0 赞/ 252 阅读

相关原生js封装ajax请求

一个完整的ajax请求封装，适用场景： 1. get 请求 2. post请求 3. 表单提交方式 4. 表单上传文件 function ajax(opti

向右看齐/ 2021年12月14日 06:29/ 0 赞/ 444 阅读

相关封装公用的ajax网络请求，将ajax请求封装

封装网络请求在公共的文件里面写入：(我的文件 config.js ) const config = { // 域名 htt

r囧r小猫/ 2021年10月19日 10:50/ 0 赞/ 422 阅读

相关自己封装ajax-post请求

// 3.post请求 var urls = 服务器地址, var url = 服务器接口 fn = 回调函

悠悠/ 2021年09月16日 23:38/ 0 赞/ 459 阅读

相关 ajax请求实用的封装方法

个人身为一个java后端开发，对js的闭包简单理解为跨方法访问变量值，放到java里就是方法A能使用方法B中的变量。今天写代码时看到公司之前同事写的ajax到处都是，没有任

- 日理万妓/ 2021年07月20日 20:39/ 0 赞/ 494 阅读