RESTInTag

RESTInTag

Плагин JavaScript, упрощающий HTTP-запросы, заставляя их работать непосредственно из HTML-тегов. он был вдохновлен RestfulizerJs от Ifnot, но с другой реализацией.

Установить

Простая загрузка

• версия 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 >

или вы можете использовать API Javascript, обратите внимание, что атрибуты данных имеют приоритет.

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 (последняя версия)
• Край (Последний)
• ИЕ (9+)
• Опера (Последняя)
• Сафари (Последняя версия)
• Вивальди (Последний)
• Крещение (Последнее)

Авторы

Список людей, которые внесли свой вклад в этот проект, спасибо людям:

• Исраэль Ролдан
• Мурат Доган

Лицензия

Этот проект находится под лицензией MIT.