# AjaxProxy

**Repository Path**: t-f-k-j/AjaxProxy

## Basic Information

- **Project Name**: AjaxProxy
- **Description**: javascript ajax 代理调用工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-06-05
- **Last Updated**: 2021-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

AjaxProxy
========
>url:    /template/default/script/AjaxProxy.js;<br>
接口开发：yangjian<br>
文档编写：yangjian

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

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

示例代码:
-------
```html
    <!--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>
```
```javascript
    //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。