封装ajax

最新推荐文章于 2024-11-22 13:53:07 发布

原创最新推荐文章于 2024-11-22 13:53:07 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

个人笔记专栏收录该内容

14 篇文章

订阅专栏

本文介绍两种AJAX封装方法，一种适用于美鱼系统，另一种适用于90企航科技平台。通过示例展示了如何调用API，处理数据及配置请求类型。学习如何使用封装的AJAX函数进行数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AJAX封装一

//ajax 封装
    function ajax(url,data,callback) {
        if (!data) {data ={}}
        var realconfig = {
            type: "post",
            url:'http://fenxiao.meiyuxxgl.com'+url,
            dataType:"json",
            jsonp: "callback",
            data: data,
            success: callback,
        };
        var a = $.ajax(realconfig);
        return a;
    }

AJAX封装二

//ajax 封装
    function ajax(api, data = {}, callback = function(data) {}, config = {}) {
            var url = "http://dyjzxt.90qhkj.com/";
            var test = new Object();
            if (!api) {throw "function ajax-API必须有值!"}
            if (!data) { data = {} }
            data['service'] = api;
            //ajax配置
            var realconfig = {
                type: config['type'] ? config['type'] : "get",
                url: config['url'] ? config['url'] : url,
                dataType: config['dataType'] ? config['dataType'] : "jsonp",
                data: data,
                success: callback,
            };
            var a = $.ajax(realconfig);
            return a;
        }
        //===============================
        //调用方式1 参数1:API地址,参数2:API需要传递的参数,null为无参数,数组形式
        //参数3:回调函数,取回数据后执行的操作,数据在data中
        //参数4:配置文件,可以更改get或者post,传递数组
        ajax("App.Site.Getuserinfo", null, function(data) {
            console.log("以下数据是调用方式1");
            console.log(data);
        })
        //调用方式2 参数如上可以不用传递回调函数,回调将在then中
        $rs = ajax("App.Site.Getuserinfo").then(function(data){
            console.log("以下数据是调用方式2");
            console.log(data);
        });