الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

عمليات AJAX التصريبية

أسهل طريقة لك للحصول على تطبيق ويب صفحة واحدة مع عدم وجود سطر واحد من رمز JavaScript.

عرض حي

عرض مباشر

تشغيل العرض التوضيحي

العرض التوضيحي هو مجرد ملفات ثابتة ، قد ترغب في وضع هذا الدليل في جذر مستند الخادم الخاص بك أو فقط اكتب الأمر التالي الذي سيبدأ خادم HTTP بسيط على المنفذ 8000 ، ثم قم بتوجيه متصفحك على http: // localhost: 8000/index.html 

python -m SimpleHTTPServer

الاتفاقيات

  • el - DOM Element
  • $target - كائن jQuery لعنصر DOM target
  • where يمكن أن تكون واحدة من: closest ، inside أو doc مما يعني وثيقة كاملة
  • how يمكن أن تكون واحدة من: prepend أو append أو replace

الاستخدام التعريفي 

 < a data-toggle =" ajax-load " href =" /posts/today.json " data-target =" .posts " > my link </ a >
< button type =" button " data-toggle =" ajax-ops " > my button </ a >
< div class =" me " data-refresh-url =" /user/me.json " data-template =" user_info " > </ div >
< div class =" posts " data-template =" posts_titles " > </ div >
< div class =" posts " data-template =" full_posts " > </ div >

يمكنك تحديد

  • data-toggle
    • ajax-load - جلب النص ، محتوى HTML أو البيانات الخالصة وتطبيقه على الهدف (S)
    • ajax-ops تجلب رموز JSON OP
    • يتطلب ajax-modal * التمديد
  • data-target - المحدد لتطبيق المحتوى الذي تم جلبه عليه
  • data-url (والتي يمكن استبدالها أحيانًا بـ href أو data-refresh-url )
  • data-template - القالب المراد استخدامه لتقديم بيانات نقية
  • data-format - يمكن أن يكون text أو html أو json
  • data-how يمكن أن تكون واحدة من: prepend أو append أو replace

القوالب هي وظائف تأخذ كائن JSON وإرجاع HTML ، يمكنك استخدام أي محرك قالب ولكننا نقترح مقابض المقاود

مرجع

  • ajax_ops.flashmsg({html:, text:, type:info|danger, selector:, base_target:$obj, where:closest|inside|''})
    • عرض معلومات أو مربع تحذير باستخدام قالب يسمى "FlashMsg" نص أو HTML و type
    • ajax_ops.flashmsg({text:'not found', type:'danger');
    • ajax_ops.flashmsg.call(this, {text:'not found', type:'danger', selector:'.modal', where:'closest'});
    • متأثرًا بـ self.flashmsg_opts.selector وهو .content:first
  • onsubmit="return ajax_ops.submit_form(this, params);"
    • params اختيارية
    • params.target=$obj
    • params.cb=function($target, data){}
  • ajax_ops.loads({html: CONTENT, text: CONTENT, data: JSON, template: NAME, el: ELEMENT, how: prepend|append|replace})
    • المساعد لتحميل HTML أو النص أو البيانات المقلدة في عنصر مع خيار لإلحاقه أو تقديمه
  • ajax_ops.load({el:element, url:, how: prepend|append|replace, selector:, where:closest|inside|, })
  • ajax_ops.refresh(element|selector, params)
    • params اختيارية
    • params.where
    • params.base_element
    • يستخدم ajax_ops.load ويقبل المعلمات مثل how
    • مثال ajax_ops.refresh('.me')
  • ajax_ops.exec_ops([ [op1, selector1, params1], [op2, selector2, params2],.. ])
    • يمكن أن تكون العمليات
      • remove
      • refresh
      • load
      • attr {set:{k:v}, unset:[k1,k2]}
      • class {add:[], remove:[], toggle[]}
      • يمكن للمرء أن يمتد بمزيد من العمليات عن طريق إضافة ajax_ops.ops['my_opcode']=function(el, params){}

ملحوظات: 

 // register templates
ajax_ops . templates = Handlebars . templates ;
// nice hack
Handlebars . partials = Handlebars . templates ;
// You might want to disable usual links behavior 
$ ( 'a[data-toggle]' ) . click ( function ( e ) { e . preventDefault ( ) } ) ;

حقوق الطبع والنشر والترخيص

حقوق الطبع والنشر 2014 Muayyad Alsadi

مرخصة بموجب ترخيص Apache ، الإصدار 2.0 ("الترخيص") ؛ لا يجوز لك استخدام هذا العمل إلا في الامتثال للترخيص. يمكنك الحصول على نسخة من الترخيص في ملف الترخيص ، أو في:

http://www.apache.org/licenses/license-2.0

ما لم يكن مطلوبًا بموجب القانون المعمول به أو الموافقة على الكتابة ، يتم توزيع البرامج الموزعة بموجب الترخيص على أساس "كما هي" ، دون ضمانات أو شروط من أي نوع ، إما صريحة أو ضمنية. راجع ترخيص الأذونات والقيود التي تحكم اللغة المحددة بموجب الترخيص.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل