首页 > 其他分享 >jquery ajax对promise封装

jquery ajax对promise封装

时间:2024-03-19 11:02:44浏览次数:22  
标签:jquery 封装 url param ajax promise data

封装:

// 封装ajax请求成promise,方便循环请求数据
async function crateAjax(url,param){
    return new Promise((resolve, reject) => {
        $.ajax({
            url:url,
            type:"post",
            data:JSON.stringify(param),
            dataType:"json",
            contentType: "application/json;charset=UTF-8",
            success:function(data){
                console.warn("初始判断弹框类型的接口",data);
                resolve(data)
            },
            error:function(e){
                console.log("===",e);
                reject(err)
            }
        })
    })
}

使用:

var _url="xxxx";
var param={
  //  
}
var res = await crateAjax(_url,param);

如果封装函数 createAjax 时前面不加 async,那么调用的时候就是:

crateAjax(_url,param).then(data=>{
   console.log(data) 
})

 

标签:jquery,封装,url,param,ajax,promise,data
From: https://www.cnblogs.com/smile-fanyin/p/18082283

相关文章

  • 【14.0】Ajax基础操作
    【零】JSON知识储备【1】JSON数据介绍JSON指的是JavaScript对象表示法(JavaScriptObjectNotation)JSON是轻量级的文本数据交换格式JSON独立于语言*JSON具有自我描述性,更易理解JSON使用JavaScript语法来描述数据对象但是JSON仍然独立于语言和平台。JSON解......
  • 【15.0】Ajax进阶操作
    【一】前后端传输数据的编码格式(contentType)主要研究POST请求数据的编码格式因为GET请求数据就是直接放在url后面的可以朝后端发送post请求的方式form请求ajax请求【1】form表单前后端传输数据的格式urlencodedformdatajson<formaction=""metho......
  • promise与async/await连用全部请求结束时获取请求结果
    async/await获取请求结束时机,拿到结果(非promise类型的结果)constgetModalData=useCallback(async()=>{constresult=awaitsendRequest(currentCabinet)setData(result)},[currentCabinet])定义promise:因为此处的请求方法结果返回的时promise......
  • jQuery+CSS3自动轮播焦点图特效源码
    jQuery+CSS3自动轮播焦点图特效源码,源码由HTML+CSS+JS组成,双击html文件可以本地运行效果,也可以上传到服务器里面下载地址jQuery+CSS3自动轮播焦点图特效源码......
  • Ajax
    0x01Ajax(1)概述全称:AsynchronousJavascriptAndXML功能:用于客户端与服务端之间收发数据,即前后端交互,是一个默认异步执行机制的功能优势:不需要插件的支持不需要刷新页面获得数据的更新减轻服务器和带宽的负担缺陷:搜索引擎的支持度不够(2)基础在Javascript中有内......
  • std::promise返回的是future对象
    在C++中,std::promise对象调用get_future()方法返回一个std::future对象,而不是指针、引用或其他类型的对象。std::future对象用于获取与std::promise对象相关联的异步操作的结果。std::promise和std::future是C++标准库中的一部分,用于处理异步操作的结果。std::promise对象可以在......
  • jQuery基础
    jQuery是JavaScript的第三方的模块组件(类库),可以利用jQuery来实现bootstrap的动态效果(目前bootstrapV5可以不依赖jQuery就能实现效果)首先需要下载jQuery,存放到pycharm的web中的static目录下引用方式和JavaScript一致,在body的尾部写入<scriptsrc=".../.../jQuery.min.j......
  • promise
    [函数对象]小括号左边一定是函数,小数点左边一定是对象,具备二者特性的对象是函数对象functionFn(){}//函数Fn.prototype//函数对象Fn.bind({})//函数对象constfn=newFn()//Fn前方有new关键字,此时Fn为构造函数,fn为实例对象,简称对象只有函数对......
  • 前后端分离Ajax入门
    前后端分离之Ajax入门一、概念Ajax(AsynchronousJavascriptAndXML),即是异步的JavaScript和XML,Ajax其实就是浏览器与服务器之间的一种异步通信方式。它可以异步地向服务器发送请求,在等待响应的过程中,不会阻塞当前页面,在这种情况下,浏览器可以做自己的事情。直到成功获取响应后,浏......
  • 你是怎么理解ES6中 Promise的?使用场景?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、介绍Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码doSomething(function(result){doSomethi......