روش get() jQuery ajax

دستورالعمل Ajax jQuery

مثال

برای تغییر متن عنصر div با استفاده از درخواست GET AJAX، استفاده کنید:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

آموزش شخصی

تعریف و استفاده

روش get() اطلاعات را از طریق درخواست HTTP GET از راه دور بارگذاری می‌کند.

این یک درخواست GET ساده است که جایگزین $.ajax پیچیده می‌شود. در صورت موفقیت در درخواست، می‌توانید از تابع بازگشتی استفاده کنید. برای اجرای تابع در صورت بروز خطا، از $.ajax استفاده کنید.

زبان

$(selector).get(url,data,success(response,status,xhr,dataType)
پارامترها توضیحات
url ضروری. URL‌ای که درخواست به آن ارسال می‌شود را مشخص می‌کند.
data اختیاری. داده‌هایی که با درخواست ارسال می‌شوند را مشخص می‌کند.
success(response,status,xhr)

اختیاری. توابعی که در موفقیت درخواست اجرا می‌شوند را مشخص می‌کند.

پارامترهای اضافی:

  • response - شامل داده‌های نتیجه درخواست
  • status - شامل وضعیت درخواست
  • xhr - شامل شیء XMLHttpRequest
dataType

اختیاری. نوع داده‌ای که انتظار می‌رود از سرور بازگشتی باشد را مشخص می‌کند.

به طور پیش‌فرض، jQuery به طور هوشمندانه تشخیص می‌دهد.

انواع ممکن:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

توضیحات

این تابع یک نسخه کوتاه‌تر از تابع Ajax است، معادل با:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

در برابر انواع مختلف MIME، داده‌های بازگشتی ارسالی به تابع بازگشتی success نیز متفاوت است، این داده‌ها می‌تواند شامل عنصر ریشه XML، رشته متنی، فایل JavaScript یا شیء JSON باشد. همچنین می‌توانید یک وضعیت متنی از پاسخ را به تابع بازگشتی success ارسال کنید.

برای jQuery 1.4، می‌توانید به تابع بازگشتی success یک شیء XMLHttpRequest را ارسال کنید.

مثال

درخواست وب‌صفحه test.php، نتایج بازگشتی را نادیده بگیرید:

$.get("test.php");

مثال‌های بیشتر

مثال 1

درخواست وب‌صفحه test.php، ارسال 2 پارامتر، نتایج بازگشتی را نادیده بگیرید:

$.get("test.php", { name: "Bill", time: "2pm" } );

مثال 2

نمایش نتایج بازگشتی test.php (HTML یا XML، بسته به نتایج بازگشتی):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

مثال 3

نمایش نتایج بازگشتی test.cgi (HTML یا XML، بسته به نتایج بازگشتی)، یک مجموعه از پارامترهای درخواستی اضافه کنید:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

دستورالعمل Ajax jQuery