RESTInTag

休息标签

一个 JavaScript 插件，通过使 HTTP 请求直接从 HTML 标签工作来简化 HTTP 请求。它受到 Ifnot 的 RestfulizerJs 的启发，但具有不同的实现。

安装

简单下载

• jQuery 版本
• 普通 JavaScript

下载后将它们包含在您的 html 文件中，如下所示

 < script src =" path/to/js/restintag.vanilla.js " > </ script >

国家公共管理

通过此命令安装

 npm install --save restintag

然后在你的主 javascript 文件中执行以下操作

 // For vanilla version
var restintag = require ( "restintag" ) . vanilla ;
restintag ( ".test" , { } , function ( data ) {
    console . log ( data ) ;
} ) ;

// For jQuery version
var jquery = require ( "jquery" ) ;
window . $ = window . jQuery = jquery ;
var restintag = require ( "restintag" ) . jquery ;
jquery . fn . restintag = restintag ;

$ ( ".test" ) . restintag ( { } , function ( data ) {
    console . log ( data ) ;
} ) ;

用法

简单的！只需将以下属性添加到您的 HTML 标记中：

1. data-method ：请求类型，GET、POST、PUT 等。
2. data-target ：发送/获取数据的 url
3. data-disabled : true禁用标签，直到请求完成，否则只需设置false
4. data-once : true在第一次请求后完全禁用标签，默认为false

例子：

 < button data-target =" http://example.com/post/post-id/ " data-method =" DELETE " data-disabled =" true " > Delete Article </ button >

或者您可以使用 javascript api，注意数据属性具有优先权。

应用程序编程接口

选项

首先，您需要设置选项，以下是可用选项（看到的值为默认值）：

 {
    async : true , // if set to false calls will be synchronous
    parse : false , // if you have query string, it will add them to the request body
    target : null , // the url
    method : "GET" , // the request method
    headers : { } , // the HTTP headers
    timeout : 0 , // milliseconds to wait before cancelling the request, 0 means no timeout 
    data : { } , // request body specially for POST and PUT requests
    disable : true , // to disable the clicking event until the request is finished
    once : false // to disable the click event after the first request is processed
}

香草

零依赖版本，只需将其添加到您拥有的任何项目中即可运行

 restintag ( selector : String , options : Object , successCallback : Function , errorCallback : Function ) : void

jQuery

添加 jQuery 后，使用restintag()函数来实现魔法

 $ ( ".selector" ) . restintag ( options : Object , successCallback : Function , errorCallback : Function ) : jQuery

浏览器支持

jQuery 版本和 Vanilla 版本都支持以下浏览器：

• Chrome（最新）
• 火狐（最新）
• 边缘（最新）
• IE (9+)
• 歌剧（最新）
• Safari（最新）
• 维瓦尔第（最新）
• 主显节（最新）

贡献者

对此项目做出贡献的人员名单，谢谢大家：

• 伊斯雷尔·罗尔丹
• 穆拉特·多安

执照

该项目已获得麻省理工学院许可。