RESTInTag

RESTInTag

Un complemento de JavaScript para facilitar las solicitudes HTTP haciéndolas funcionar directamente desde las etiquetas HTML. se inspiró en RestfulizerJs de Ifnot pero con una implementación diferente.

Instalar

Descarga sencilla

• versión jQuery
• Javascript básico

después de descargarlos, inclúyalos en su archivo html como este

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

MNP

Instalar a través de este comando

 npm install --save restintag

luego en su archivo javascript principal haga lo siguiente

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

Uso

¡fácil! simplemente agregue los siguientes atributos a su etiqueta HTML:

1. data-method : el tipo de solicitud, GET, POST, PUT, etc.
2. data-target : la URL para enviar/obtener los datos
3. data-disabled : true para deshabilitar la etiqueta hasta que se realice la solicitud; de lo contrario, simplemente coloque false
4. data-once : true para deshabilitar la etiqueta por completo después de la primera solicitud, el valor predeterminado es false

ejemplo:

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

o puede utilizar las API de JavaScript, tenga en cuenta que los atributos de datos tienen prioridad.

API

Opciones

Primero debe configurar sus opciones, aquí están las opciones disponibles (los valores vistos son los predeterminados):

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

Vainilla

La versión de dependencia cero, simplemente agrégala a cualquier proyecto que tengas y funcionará

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

jQuery

después de agregar jQuery use la función restintag() para hacer la magia

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

Soporte del navegador

Tanto la versión jQuery como la versión Vanilla son compatibles con los siguientes navegadores:

• Chrome (más reciente)
• FireFox (más reciente)
• Borde (último)
• Es decir (9+)
• Ópera (última)
• Safari (último)
• Vivaldi (Último)
• Epifanía (más reciente)

Colaboradores

Lista de personas que contribuyeron a este proyecto, gracias gente:

• Israel Roldán
• Murat Doğan

Licencia

Este proyecto está bajo la licencia MIT.