متد jQuery.getJSON() در jQuery

دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 17 خرداد 1401

متد jQuery.getJSON() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. این متد داده‌های JSON را با استفاده از درخواست GET HTTP از سرور بارگیری می‌کند و متد شیء XMLHttpRequest را برمی‌گرداند.

ساختار متد

در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:

$.getJSON( url, [data], [callback] )

پارامترهای متد jQuery.getJSON(url, [data], [callback]) در jQuery

در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:

url : رشته‌ای حاوی URL که درخواست به آن ارسال می‌شود
data : این پارامتر اختیاری جفت‌های کلید/مقدار را نشان می‌دهد که به سرور ارسال می‌شوند
callback : این پارامتر اختیاری تابعی را نشان می‌دهد که هر زمان که داده‌ها با موفقیت بارگیری شوند، اجرا می‌شود

مثال

با فرض اینکه در فایل result.json محتوای JSON زیر را داریم:

{
"name": "Zara Ali",
"age" : "67",
"sex": "female"
}

در قطعه کد زیر با یک مثال ساده نشان داده شده است که استفاده از این متد چگونه است:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
			
            $("#driver").click(function(event){
               $.getJSON('result.json', function(jd) {
                  $('#stage').html('<p> Name: ' + jd.name + '</p>');
                  $('#stage').append('<p>Age : ' + jd.age+ '</p>');
                  $('#stage').append('<p> Sex: ' + jd.sex+ '</p>');
               });
            });
				
         });
      </script>
   </head>
	
   <body>
      <p>Click on the button to load result.html file:</p>
		
      <div id = "stage" style = "background-color:#cc0;">
         STAGE
      </div>
		
      <input type = "button" id = "driver" value = "Load Data" />
   </body>
</html>

مطالعه مقاله بررسی Ajax در jQuery برای دسترسی به لیست کامل متدهای Ajax در جی کوئری به شما پیشنهاد می‌شود؛ مقاله متد jQuery.getJSON() در jQuery در اینجا به پایان می‌رسد، امیدواریم از مطالعه این مقاله آموزش jQuery لذت برده باشید. لطفاً نظرات خود را با ما به اشتراک بگذارید و سئوالات خود را در بخش نظرات مطرح کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊