加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

XGoAjax,统一风格处理项目中的ajax请求

发布时间:2020-12-16 01:51:29 所属栏目:百科 来源:网络整理
导读:XGoAjax简介 统一对ajax请求的结果进行处理,包括消息提示、错误处理等操作,这样可以保证我们的项目有一个统一的风格,同时也简化了大量的代码。 项目地址:https://github.com/xucongli1989/XGoAjax 下载地址:https://github.com/xucongli1989/XGoAjax/re

XGoAjax简介

统一对ajax请求的结果进行处理,包括消息提示、错误处理等操作,这样可以保证我们的项目有一个统一的风格,同时也简化了大量的代码。
项目地址:https://github.com/xucongli1989/XGoAjax
下载地址:https://github.com/xucongli1989/XGoAjax/releases

属性

插件选项:

属性名 默认值 说明
id 发起请求的标识,可以随意指定,主要是便于判断该请求为同一类型的操作
templateName “default” 指定结果消息处理所使用的模板
templateOption {} 模板自定义选项,详细请参考【模板选项】
mode “exclusive” 请求模式,exclusive:独占请求,要想再发起同样的一个请求,必须等待上次请求结束。;greedy:贪婪请求,不限制重复请求
ajax [] $.ajax选项,数组的每一项代表一个ajax请求,可以有多个ajax请求。默认值请参考【ajax默认选项】

模板选项:

属性名 默认值 说明
name 模板名
before function (ops) 请求前,如果返回false,则阻止后续执行。
ops:当前插件选项
error function (ops) 失败后执行的函数。
ops:当前插件选项
success function(ops,datas) 成功后执行,datas为数组。
ops:当前插件选项
datas:请求返回的数据
complete function (ops) 完成后执行。
ops:当前插件选项
templateOption {} 模板自定义选项

ajax默认选项:

属性名 默认值 说明
url 如果没有指定,则为第一个form的action,如果还没有指定,则为location.href ajax请求路径
dataType “JSON” 数据格式
type “get” 请求方式
data null 发送的数据

方法

方法名 说明
$.XGoAjax.addTemplate(model) 给该插件添加一个新的模板,model请参考【模板选项】
$.XGoAjax.getAjaxList() 获取当前正在处理的ajax列表

基本使用示例

  • 每次单击发出一个ajax请求(当前必须只有一个请求,独占模式)

    $.XGoAjax({
        id: "btnSave1",ajax: [{
            url: "data.aspx"
        }]
    });
  • 每次单击发出一个ajax请求(可以发出多个请求,贪婪模式)

    $.XGoAjax({
        id: "btnSave2",mode: "greedy",ajax: [{
            url: "data.aspx"
        }]
    });
  • 每次单击发出多个ajax请求(当前必须只有一组请求,独占模式)

    $.XGoAjax({
        id: "btnSave3",ajax: [{
            type: "get",url: "data.aspx"
        },{
            type: "post",url: "data.aspx"
        }]
    });
  • 每次单击发出多个ajax请求(可以发出多组请求,贪婪模式)

    $.XGoAjax({
        id: "btnSave4",url: "data.aspx"
        }]
    });

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读