RESTInTag

RESTInTag

Um plugin JavaScript para facilitar as solicitações HTTP, fazendo-as funcionar diretamente a partir das tags HTML. foi inspirado no RestfulizerJs da Ifnot, mas com uma implementação diferente.

Instalar

Download simples

• versão jQuery
• Javascript baunilha

depois de baixar inclua-os em seu arquivo html assim

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

NPM

Instale através deste comando

 npm install --save restintag

então no seu arquivo javascript principal faça o seguinte

 // 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! basta adicionar os seguintes atributos à sua tag HTML:

1. data-method : o tipo de solicitação, GET, POST, PUT, etc.
2. data-target : a URL para enviar/obter os dados
3. data-disabled : true para desabilitar a tag até que a solicitação seja concluída, caso contrário, basta colocar false
4. data-once : true para desabilitar totalmente a tag após a primeira solicitação, o padrão é false

exemplo:

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

ou você pode usar as APIs javascript, observe que os atributos de dados têm prioridade.

API

Opções

Primeiro você precisa definir suas opções, aqui estão as opções disponíveis (os valores vistos são o padrão):

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

Baunilha

A versão de dependência zero, basta adicioná-la a qualquer projeto que você tenha e funcionará

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

jQuery

depois de adicionar jQuery use a função restintag() para fazer a mágica

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

Suporte ao navegador

Tanto a versão jQuery quanto a versão Vanilla suportam os seguintes navegadores:

• Cromo (mais recente)
• FireFox (mais recente)
• Borda (mais recente)
• Ou seja (9+)
• Ópera (mais recente)
• Safári (mais recente)
• Vivaldi (mais recente)
• Epifania (mais recente)

Colaboradores

Lista de pessoas que contribuíram para este projeto, obrigado pessoal:

• Israel Roldán
• Murat Doğan

Licença

Este projeto está sob licença do MIT.