RESTInTag

RESTInタグ

HTTP リクエストを HTML タグから直接動作させることで、HTTP リクエストを容易にする JavaScript プラグイン。これは 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 を使用することもできます。データ属性が優先されることに注意してください。

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 バージョンの両方で、次のブラウザがサポートされています。

• クロム（最新）
• Firefox (最新)
• エッジ（最新）
• IE (9+)
• オペラ (最新)
• サファリ（最新）
• ヴィヴァルディ (最新)
• エピファニー (最新)

貢献者

このプロジェクトに貢献してくれた人のリスト。感謝します:

• イスラエル・ロルダン
• ムラト・ドアン

ライセンス

このプロジェクトは MIT ライセンスの下にあります。