jQuery ajax - روش get()

مثال

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

$("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 نیز می‌توان XMLHttpRequest را به تابع بازخورد success ارسال کرد.

مثال

درخواست وب‌گاه 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);
  });