RESTInTag

Balise RESTIn

Un plugin JavaScript pour faciliter les requêtes HTTP en les faisant fonctionner directement depuis les balises HTML. il a été inspiré par RestfulizerJs d'Ifnot mais avec une implémentation différente.

Installer

Téléchargement simple

• version jQuery
• Javascript vanille

après le téléchargement, incluez-les dans votre fichier HTML comme ceci

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

MNP

Installer via cette commande

 npm install --save restintag

puis dans votre fichier javascript principal, procédez comme suit

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

Usage

facile! ajoutez simplement les attributs suivants à votre balise HTML :

1. data-method : le type de requête, GET, POST, PUT, etc.
2. data-target : l'url pour envoyer/récupérer les données
3. data-disabled : true pour désactiver la balise jusqu'à ce que la demande soit effectuée, sinon mettez simplement false
4. data-once : true pour désactiver complètement la balise après la première requête, la valeur par défaut est false

exemple:

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

ou vous pouvez utiliser les API javascript, notez que les attributs de données ont la priorité.

API

Possibilités

Vous devez d'abord définir vos options, voici les options disponibles (les valeurs affichées sont celles par défaut) :

 {
    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

La version sans dépendance, ajoutez-la simplement à n'importe quel projet que vous avez et cela fonctionnera

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

jQuery

après avoir ajouté jQuery, utilisez la fonction restintag() pour faire la magie

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

Prise en charge du navigateur

Les versions jQuery et Vanilla prennent en charge les navigateurs suivants :

• Chrome (dernier)
• FireFox (dernier)
• Bord (dernier)
• IE (9+)
• Opéra (dernier)
• Safari (dernier)
• Vivaldi (dernier)
• Épiphanie (dernière)

Contributeurs

Liste des personnes qui ont contribué à ce projet, merci les gens :

• Israël Roldan
• Murat Dogan

Licence

Ce projet est sous licence MIT.