RESTInTag

RESTInTag

Ein JavaScript-Plugin zur Vereinfachung der HTTP-Anfragen, indem es sie direkt über die HTML-Tags ausführen lässt. Es wurde von RestfulizerJs von Ifnot inspiriert, jedoch mit einer anderen Implementierung.

Installieren

Einfacher Download

• jQuery-Version
• Vanille-Javascript

Fügen Sie sie nach dem Herunterladen wie folgt in Ihre HTML-Datei ein

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

NPM

Installieren Sie über diesen Befehl

 npm install --save restintag

Führen Sie dann in Ihrer Haupt-Javascript-Datei Folgendes aus

 // 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 ) ;
} ) ;

Verwendung

einfach! Fügen Sie einfach die folgenden Attribute zu Ihrem HTML-Tag hinzu:

1. data-method : der Anforderungstyp, GET, POST, PUT usw.
2. data-target : Die URL zum Senden/Abrufen der Daten
3. data-disabled : true , um das Tag zu deaktivieren, bis die Anfrage abgeschlossen ist, andernfalls geben Sie einfach false ein
4. data-once : true , um das Tag nach der ersten Anfrage vollständig zu deaktivieren. Der Standardwert ist false

Beispiel:

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

Alternativ können Sie die Javascript-APIs verwenden. Beachten Sie, dass die Datenattribute Priorität haben.

API

Optionen

Zuerst müssen Sie Ihre Optionen festlegen. Hier sind die verfügbaren Optionen (die angezeigten Werte sind die Standardwerte):

 {
    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
}

Vanille

Die Null-Abhängigkeits-Version, fügen Sie sie einfach zu jedem Ihrer Projekte hinzu und es wird funktionieren

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

jQuery

Verwenden Sie nach dem Hinzufügen von jQuery die Funktion restintag() um die Magie auszuführen

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

Browser-Unterstützung

Sowohl die jQuery-Version als auch die Vanilla-Version unterstützen die folgenden Browser:

• Chrome (Neueste)
• FireFox (Neueste)
• Edge (Neueste)
• IE (9+)
• Oper (Neueste)
• Safari (Neueste)
• Vivaldi (Neueste)
• Epiphany (Neueste)

Mitwirkende

Liste der Personen, die zu diesem Projekt beigetragen haben, vielen Dank:

• Israel Roldan
• Murat Doğan

Lizenz

Dieses Projekt steht unter der MIT-Lizenz.