RESTInTag

ส่วนที่เหลือในแท็ก

ปลั๊กอิน JavaScript เพื่อทำให้คำขอ HTTP ง่ายขึ้นโดยทำให้ทำงานโดยตรงจากแท็ก HTML ได้รับแรงบันดาลใจจาก RestfulizerJs โดย Ifnot แต่มีการใช้งานที่แตกต่างออกไป

ติดตั้ง

ดาวน์โหลดง่ายๆ

• เวอร์ชัน jQuery
• วานิลลาจาวาสคริปต์

หลังจากดาวน์โหลดแล้วให้รวมไว้ในไฟล์ html ของคุณเช่นนี้

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

นพีเอ็ม

ติดตั้งผ่านคำสั่งนี้

 npm install --save restintag

จากนั้นในไฟล์จาวาสคริปต์หลักของคุณให้ทำดังต่อไปนี้

 // 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 >

หรือคุณสามารถใช้ javascript apis ได้ โปรดทราบว่าแอตทริบิวต์ข้อมูลมีความสำคัญ

เอพีไอ

ตัวเลือก

ขั้นแรก คุณต้องตั้งค่าตัวเลือกของคุณ นี่คือตัวเลือกที่ใช้ได้ (ค่าที่เห็นเป็นค่าเริ่มต้น):

 {
    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