AJAX و jQuery- معالجة الطلبات وتفاعل البيانات

AJAX(Asynchronous JavaScript and XML) هي تقنية تسمح بالاتصال وتبادل البيانات بين المتصفح والخادم دون الحاجة إلى إعادة تحميل صفحة الويب بأكملها. يوفر jQuery طرقًا ووظائف ملائمة لتنفيذ طلبات AJAX. فيما يلي بعض الأمثلة على استخدام AJAX مع jQuery:

 

$.ajax() طريقة

الطريقة $.ajax() هي طريقة متعددة الاستخدامات تتيح لك تقديم طلبات AJAX إلى الخادم. يوفر خيارات متنوعة لتخصيص طلبك ، مثل تحديد عنوان URL وطريقة الطلب(GET و POST وما إلى ذلك) ومعالجة عمليات رد الاتصال الناجحة والخطأ والمزيد. يمكنك استخدام هذه الطريقة عندما تحتاج إلى تحكم دقيق في طلب AJAX.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() طريقة

الطريقة $.get() هي طريقة مختصرة لتقديم طلب GET إلى الخادم. إنه يبسط العملية عن طريق ضبط طريقة الطلب تلقائيًا على GET ومعالجة رد الاتصال بنجاح. يمكنك استخدام هذه الطريقة عندما تحتاج فقط إلى استرداد البيانات من ملف

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() طريقة

$.post() تشبه هذه الطريقة $.get() ، ولكنها ترسل طلب POST إلى الخادم تحديدًا. يسمح لك بتمرير البيانات مع الطلب ، وهو أمر مفيد عندما تريد إرسال بيانات النموذج أو معلمات أخرى إلى الخادم.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() طريقة

$.getJSON() تُستخدم الطريقة لاسترداد بيانات JSON من الخادم. إنها طريقة مختصرة تحدد تلقائيًا طريقة الطلب إلى GET وتتوقع أن يقوم الخادم بإرجاع استجابة JSON. يبسط عملية استرداد بيانات JSON والعمل معها.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() طريقة

تتيح لك الطريقة $.ajaxSetup() تكوين الإعدادات الافتراضية لجميع طلبات AJAX المستقبلية. على سبيل المثال ، يمكنك تعيين رؤوس افتراضية أو تحديد نوع البيانات أو تكوين خيارات المصادقة. هذه الطريقة مفيدة عندما تريد تعيين الخيارات الشائعة التي تنطبق على طلبات AJAX المتعددة.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() طريقة

تُستخدم الطريقة $.ajaxPrefilter() لتعديل طلبات AJAX قبل إرسالها. يتيح لك المعالجة المسبقة لخيارات طلب AJAX وتعديلها بناءً على احتياجاتك. يمكن أن يكون هذا مفيدًا لإضافة رؤوس مخصصة أو معالجة البيانات أو اعتراض الطلبات.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

توفر هذه الطرق طرقًا مختلفة للتعامل مع طلبات AJAX في jQuery. بناءً على متطلباتك المحددة ، يمكنك اختيار الطريقة التي تناسب احتياجاتك. يبسط jQuery عملية تقديم طلبات AJAX ومعالجة الردود ، مما يسمح لك بإنشاء تطبيقات ويب ديناميكية وتفاعلية.