转载

Git 项目推荐 | javascript ajax 代理调用工具

AjaxProxy

url: /template/default/script/AjaxProxy.js;

接口开发:yangjian

文档编写:yangjian

插件描述:

AjaxProxy是一个ajax代理插件,她可以代理a标签发送ajax请求,是其不用跳转,从而达到更好的客户体验。

插件依赖:

  • jQuery-1.7.1以上版本
  • bootstrap 3 的button.js插件
  • JDialog 插件消息弹出框
  • 如果需要进行表单提交验证则需要引进 JForm.js

示例代码:

<!--html-->     <a href="admin/menu/add" class="ajaxproxy"     proxy='{"method":"get",     "formId":"testForm",file:///php/juke123.com/documents/api/jsAPI/AjaxProxy_js.md      "callBefore":"function() {test(data);}",     "callBack":"test(data);"}'>提交表单</a>
//js     $(document).ready(function() {         var option = {             className : ajaxproxy,             method : get,             timeInterval: 1000         };         AjaxProxy.init(option);     });

option参数说明:

Key 类型 说明
className String 类选择器,要执行ajax代理调用的所有a标签的class名称
callbackDelay int 在执行代理ajax以后的回调函数的延时,默认为1000(1秒)
timeInterval int 每次点击按钮的时间间隔,防止多次点击默认为1000毫秒

proxy属性说明:

A标签的proxy属性是传递该次代理掉用的配置参数的,使用json数据格式,参数说明如下:

  • method => 传送方法,默认为GET 方法.
  • formId => 要提交的表单ID,如果method为POST则此处必须传入参数
  • callBefore => 在提交ajax请求之前调用的方法,这个函数必须先在外部定义,允许传入一个data参数,注意:参数名称必须是data,如果有多个参数建议传入对象
  • callBack => 在ajax请求之后的回调函数。使用方法同 callBefore, 如果该参数不传入,则默认请求之弹出返回信息。
  • dataType => 返回数据的格式 json | html 默认为html
  • location => callback回调后需跳转的页面,如果不传此参数则不跳转。
  • errorBox => 错误显示box,如果没有指定,则会默认将错误信息弹出。
  • validate => 是否调用JForm插件 TRUE | FALSE,默认为TRUE。
原文  http://git.oschina.net/blackfox/AjaxProxy
正文到此结束
Loading...