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（最新）
• 韋瓦第（最新）
• 主顯節（最新）

貢獻者

對此計畫做出貢獻的人員名單，謝謝大家：

• 伊斯雷爾·羅爾丹
• 穆拉特·多安

執照

該計畫已獲得麻省理工學院許可。