RESTInTag

RESTInTag

Sebuah plugin JavaScript untuk memudahkan permintaan HTTP dengan membuatnya bekerja langsung dari tag HTML. itu terinspirasi oleh RestfulizerJs oleh Ifnot tetapi dengan implementasi yang berbeda.

Memasang

Unduhan Sederhana

• versi jQuery
• Javascript vanila

setelah mengunduh sertakan dalam file html Anda seperti ini

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

NPM

Instal melalui perintah ini

 npm install --save restintag

kemudian di file javascript utama Anda lakukan hal berikut

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

Penggunaan

mudah! cukup tambahkan atribut berikut ke tag HTML Anda:

1. data-method : jenis permintaan, GET, POST, PUT, dll.
2. data-target : url untuk mengirim/mendapatkan data
3. data-disabled : true untuk menonaktifkan tag hingga permintaan selesai, jika tidak, masukkan saja false
4. data-once : true untuk menonaktifkan tag sepenuhnya setelah permintaan pertama, defaultnya adalah false

contoh:

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

atau Anda dapat menggunakan api javascript, perhatikan atribut data memiliki prioritas.

API

Pilihan

Pertama, Anda perlu mengatur pilihan Anda, inilah pilihan yang tersedia (nilai yang terlihat adalah default):

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

Vanila

Versi tanpa ketergantungan, cukup tambahkan ke proyek apa pun yang Anda miliki dan itu akan berhasil

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

jQuery

setelah menambahkan jQuery gunakan fungsi restintag() untuk melakukan keajaiban

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

Dukungan Peramban

Versi jQuery dan versi Vanilla mendukung browser berikut:

• Chrome (Terbaru)
• FireFox (Terbaru)
• Tepi (Terbaru)
• yaitu (9+)
• Opera (Terbaru)
• Safari (Terbaru)
• Vivaldi (Terbaru)
• Epifani (Terbaru)

Kontributor

Daftar orang-orang yang berkontribusi pada proyek ini, terima kasih:

• Israel Roland
• Murat Dogan

Lisensi

Proyek ini berada di bawah lisensi MIT.