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

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。

原文发布于微信公众号 - 码云Gitee(mayunOSC)

原文发表时间:2016-06-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏JetpropelledSnake

Python入门之面向对象module,library,package之间区别

背景 Python中有一些基本的名词,很多人,尤其是一些初学者,可能听着就很晕。 此处,简单总结一下,module,library,package之间的大概区别...

321110
来自专栏null的专栏

python技巧——Python的读文件

在Python中,读文件的命令有如下的三个: read() readline() readlines() 1、read()        read()函数是一次...

35440
来自专栏ImportSource

PATH 和 CLASSPATH 的区别

java中的path和classpath是很多java初入者比较困惑的两个变量。本文简单列举二者区别。 PATH and CLASSPATH的区别 1)第一个主...

938120
来自专栏BY的专栏

终端显示树状文件结构

39480
来自专栏闵开慧

centos中tree插件的使用与注意事项

1 tree的安装 yum -y install tree 使用时直接输入tree 目录名,即可显示该目录的树形结构,示例如下: ? 这样查看目录结构一目了然,...

28780

如何用split命令来拆分文件

split是一个类似于grep或tail的Unix命令行实用程序。它允许您将较大的文件分成几个较小的文件。

13940
来自专栏Python小屋

Python批量提取PDF文件中的文本

首先需要执行命令pip install pdfminer3k来安装处理PDF文件的扩展库。 import os import sys import time p...

37550
来自专栏Python小屋

Python程序编译与反编译

众所周知,Python是纯粹的自由软件, 源代码和解释器CPython遵循 GPL(GNU General Public License)协议。那么很自然会有人...

70660
来自专栏我的博客

CI页面乱码

今天项目页面乱码 我确认了数据库读取时utf8,页面也添加 <meta http-equiv=”content-type” content=”text/html...

30860
来自专栏河湾欢儿的专栏

常用的dos命令

10320

扫码关注云+社区

领取腾讯云代金券