RESTInTag

RESTInTag

مكون إضافي لجافا سكريبت لتسهيل طلبات HTTP من خلال جعلها تعمل مباشرة من علامات HTML. لقد كان مستوحى من RestfulizerJs بواسطة Ifnot ولكن بتطبيق مختلف.

ثَبَّتَ

تحميل بسيط

• نسخة مسج
• جافا سكريبت الفانيليا

بعد التنزيل قم بتضمينها في ملف 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 >

أو يمكنك استخدام واجهة برمجة تطبيقات جافا سكريبت، لاحظ أن سمات البيانات لها الأولوية.

واجهة برمجة التطبيقات

خيارات

تحتاج أولاً إلى ضبط خياراتك، وإليك الخيارات المتاحة (القيم المرئية هي الافتراضية):

 {
    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، استخدم وظيفة restintag() للقيام بالسحر

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

دعم المتصفح

يدعم كل من إصدار jQuery وإصدار Vanilla المتصفحات التالية:

• كروم (الأحدث)
• فايرفوكس (الأحدث)
• الحافة (الأحدث)
• آي إي (9+)
• الأوبرا (الأحدث)
• سفاري (الأحدث)
• فيفالدي (الأحدث)
• عيد الغطاس (الأحدث)

المساهمين

قائمة الأشخاص الذين ساهموا في هذا المشروع، شكرًا لكم أيها الناس:

• إسرائيل رولدان
• مراد دوغان

رخصة

هذا المشروع تحت رخصة معهد ماساتشوستس للتكنولوجيا.