自己将ajax的Post和get方法再次封装

绝地灬酷狼 2023-06-20 06:57 4阅读 0赞

摘要：这里我将jauery的ajax再次封装更方便我的使用。

> 创建一个 \[commonUtils.js\] 的文件，用于存放封装的方法

window.baseUrl = "http://"+location.host;/*这个是获取的前缀地址，当然你也可以固定书写*/
        /*
        * url：接口地址后缀
        * requestData：请求数据对象
        * token：这个是我自己定义的一个header参数
        * successFun：请求成功后调用的方法
        * errorFun：请求失败调用的方法
        * 
        */
        function ajaxPost(url,requestData,token,successFun,errorFun) {
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: window.baseUrl+url,
                data:JSON.stringify(requestData),
                dataType: "JSON",
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("token",token);
                },
                success: function(result) {
                    successFun(result);
                },
                //请求失败，包含具体的错误信息
                error : function(result){
                    errorFun(result);
                }
            });
        }

具体使用方法等请参考：[https://suxiexingchen.github.io/2019/12/09/29/][https_suxiexingchen.github.io_2019_12_09_29]

[https_suxiexingchen.github.io_2019_12_09_29]: https://suxiexingchen.github.io/2019/12/09/29/

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 -------------------- HTTP 请求

我不是女神ヾ/ 2024年03月17日 11:05/ 0 赞/ 76 阅读

相关 jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 -------------------- HTTP 请求

我会带着你远行/ 2024年03月16日 11:45/ 0 赞/ 58 阅读

相关【JavaScript】利用Promise封装Ajax中get和post方法

Promise ES6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 特点: 1、P

待我称王封你为后i/ 2023年07月22日 10:27/ 0 赞/ 4 阅读

相关自己将ajax的Post和get方法再次封装

摘要：这里我将jauery的ajax再次封装更方便我的使用。 > 创建一个 \[commonUtils.js\] 的文件，用于存放封装的方法 window.base

绝地灬酷狼/ 2023年06月20日 06:57/ 0 赞/ 5 阅读

相关使用Promise封装原生Ajax方法--get-post

无论是工作中，还是面试中，感觉都会有需要的。 get： <script> function getRequest(url) {

曾经终败给现在/ 2023年02月16日 10:56/ 0 赞/ 30 阅读

相关原生js ajax封装post，get方法

方法一： function ajax(method, url, callback, data, flag) { var xhr; fl

冷不防/ 2022年09月08日 11:49/ 0 赞/ 252 阅读

相关 ajax的get和post方法吗,AJAX 的GET和POST方法(向服务器发送请求)

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：方法描述 open(method,url,async) 规

今天药忘吃喽~/ 2022年09月03日 11:15/ 0 赞/ 181 阅读

相关 jQuery - AJAX get() 和 post() 方法

GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET > 必需的 URL 参数规定您希望请求的 URL。 > > 可选的 ca

我就是我/ 2021年10月19日 01:26/ 0 赞/ 413 阅读

相关自己封装ajax-post请求

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

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

相关 jQuery - AJAX get() 和 post() 方法

一.两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据

怼烎@/ 2021年07月24日 16:58/ 0 赞/ 522 阅读