English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery get()

طرق AJAX jQuery

يستخدم طريقة $.get() بطلب HTTP GET لتحميل البيانات من الخادم.

القواعد:

$.get(URL, data, callback, dataType)

مثال

هذا المثال يحصل على جزء من الكود الديناميكي المطلوب ويقوم بإدراجه في الصفحة:

$("button").click(function(){
  $.get("ajax_get.php", function(data){
    $("#output").html(data);
  );
);
اختبار‹/›

طلب صفحة ajax_get.php وإرسال بعض البيانات الأخرى:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  );
);
اختبار‹/›

طلب صفحة ajax_get.php وإرسال بعض البيانات الأخرى وإظهار رسالة حالة التحذير:

$("button").click(function(){
  $.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  );
);
اختبار‹/›

طلب ملف demo.json وإدراجه في الصفحة:

$("button").click(function(){
  $.get("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
اختبار‹/›

ملف json_demo1.php العائد بالتنسيق json:

$("button").click(function(){
  $.get("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
اختبار‹/›

قيمة المعامل

المعاملالوصف
URLتحديد URL التي تريد طلبها
dataاختياري: تحديد البيانات التي يتم إرسالها إلى الخادم مع الطلب
callbackاختياري) تحديد دالة الإرجاع التي سيتم تنفيذها بعد نجاح الطلب

المواضيع:

  • data-يحتوي على بيانات النتيجة من الطلب

  • status-يحتوي على حالة الطلب ("success", "notmodified", "error", "timeout", أو"parsererror")

  • xhr-يحتوي على جسم XMLHttpRequest

dataTypeاختياري) تحديد نوع البيانات الذي يحتاجه الاستجابة
بالتشخيص، يقوم jQuery بتنبؤ تلقائي

أنواع محتملة:

  • “xml”-مستند XML

  • “html”-HTML كـ نص

  • “text”-نص بسيط

  • “script”-تنفيذ الاستجابة كـ JavaScript، وإرجاع نص بسيط

  • “json”-تنفيذ الاستجابة كـ JSON، وإرجاع عنصر JavaScript

  • “jsonp”-استخدام JSONP لتحميل قطعة JSON. قم بإضافة “؟callback =?” إلى URL لتعيين دالة الإرجاع

طرق AJAX jQuery