ت封装 بسيط لـ AJAX باستخدام jQuery

خلال عملية التطوير، استخدام AJAX يجب أن يكون شائعًا جدًا، بالطبع، jQuery AJAX functions يجب أن تكون مفيدة جدًا، ولكن المحرر لا يزال يرغب في تنظيمها قليلاً، لجعلها أكثر سهولة في الاستخدام في احتياجات مختلفة، هنا هو مثال على الكود:

$(function(){
  */
   * تعبئة ajax
   * url عنوان الطلب المرسل
   * data البيانات التي يتم إرسالها إلى الخادم، يتم تخزينها في مجموعة، مثل: {"date": new Date().getTime(), "state": 1}
   * async القيمة الافتراضية: true. في الإعداد الافتراضي، جميع الطلبات تكون طلبات غير متزامنة. إذا كنت بحاجة إلى إرسال طلب متزامن، قم بإعداد هذا الخيار على "false".
   *    انتبه، الطلبات المتزامنة ستجمد المتصفح، يجب أن ينتظر المستخدم تنفيذ العمليات الأخرى حتى اكتمال الطلب.
   * type طريقة الطلب("POST" أو "GET")، الافتراض هو "GET"
   * dataType نوع البيانات التي يتوقعها الخادم العودة، مثل: xml、html、json、text
   * successfn دالة استدعاء النجاح
   * errorfn دالة استدعاء فشل
   */
  jQuery.syncAjax=function(url, data, async, type, dataType, successfn, errorfn) {
    async = (async==null || async=="" || typeof(async)=="undefined")? "true" : async;
    type = (type==null || type=="" || typeof(type)=="undefined")? "post" : type;
    dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: type,
      async: async,
      data: data,</br>
      url: url,</br>
      dataType: dataType,
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };
  */
   * تعبئة ajax
   * url عنوان الطلب المرسل
   * data البيانات التي يتم إرسالها إلى الخادم، يتم تخزينها في مجموعة، مثل: {"date": new Date().getTime(), "state": 1}
   * successfn دالة استدعاء النجاح
   */
  jQuery.jsonAjax=function(url, data, successfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,</br>
      url: url,</br>
      dataType: "json",
      success: function(d){
        successfn(d);
      }
    });
  };
  */
   * تعبئة ajax
   * url عنوان الطلب المرسل
   * data البيانات التي يتم إرسالها إلى الخادم، يتم تخزينها في مجموعة، مثل: {"date": new Date().getTime(), "state": 1}
   * dataType نوع البيانات التي يتوقعها الخادم العودة، مثل: xml、html、json、text
   * successfn دالة استدعاء النجاح
   * errorfn دالة استدعاء فشل
   */
  jQuery.jsonAjax2=function(url, data, successfn, errorfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,</br>
      url: url,</br>
      dataType: "json",
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };
});

هذا هو نهاية محتوى هذا المقال، نأمل أن يكون قد ساعدكم في التعلم، ونأمل أن تدعموا تعليمات الصياح.

البيان: محتوى هذا المقال تم جمعه من الإنترنت، يحق لصاحب الحقوق أن يطالب به، تم جمع المحتوى من قبل المستخدمين على الإنترنت الذين قاموا بتحميله، لا يمتلك هذا الموقع حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل هذا الموقع أي مسؤولية قانونية. إذا كنت قد وجدت محتوى يشتبه في حقوق النسخ، فنرجو منك إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # ب @) للإبلاغ، وقدم الدليل على الدليل، إذا تم التحقق من ذلك، فإن هذا الموقع سيقوم بإزالة المحتوى المزعوم بشكل فوري.