ajax封装

最新推荐文章于 2025-06-24 01:04:12 发布

爱编译也爱吃肉的喵

最新推荐文章于 2025-06-24 01:04:12 发布

阅读量891

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery学习笔记

本文链接：https://blog.youkuaiyun.com/zn740395858/article/details/80306840

jquery学习笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个H5项目中使用的AJAX封装函数，该函数简化了前后端交互的过程。通过设置发送请求的地址、数据、预期返回的数据类型等参数，可以轻松实现数据的获取与处理。

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

最近做了个H5小项目，再次用到了ajax，因此将封装函数进行分享

$(function(){
    /**
     * ajax封装
     * url 发送请求的地址
     * data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1}
     * dataType 预期服务器返回的数据类型，常用的如：xml、html、json、text
     * successfn 成功回调函数
     * errorfn 失败回调函数
     */
    jQuery.ax=function(type, url, data, successfn, errorfn) {
        data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
        $.ajax({
            type: type,
            data: data,
            url: URL+url,
            // contentType:"application/json",
            async:true,
            dataType: "json",
            success: successfn,
            error: function(e){
                errorfn(e);
            }
        });
    };
});