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

r囧r小猫 2021-10-19 10:50 375阅读 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 条评论，375人围观）

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

相关阅读

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

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

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

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

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

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

相关 async与await封装ajax请求

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

柔光的暖阳◎/ 2022年10月11日 00:51/ 0 赞/ 146 阅读

相关 http封装ajax请求

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

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

相关对jquery ajax进行封装请求

目前的前端开发中，大部分的数据都是需要向服务器端请求的，而前端常用ajax来向服务器请求，本猿毕业刚出来没多久，在以往的项目中是用最笨的方法来写的。一个项目中几十个接口，每一次

小灰灰/ 2022年05月16日 14:39/ 0 赞/ 191 阅读

相关原生js封装ajax请求

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

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

相关 Vue封装ajax请求的函数（axios）

使用过Vue的都知道，在vue的项目中，实现前后端交互是通过resource或者axios，而相比之中axios是使用比较多的一种。在学习的过程中，学习了解了axios的使用方

心已赠人/ 2021年10月23日 23:26/ 0 赞/ 640 阅读

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

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

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

相关自己封装ajax-post请求

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

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

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

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

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