jQuery | getJSON() 方法

jQuery 中的getJSON() 方法使用 GET HTTP 请求从服务器获取 JSON 编码的数据。

句法：

$(selector).getJSON(url,data,success(data,status,xhr))

参数：此方法接受上面提到和下面描述的三个参数：

• url:必填参数。它用于以字符串的形式指定请求发送到的 URL
• data：它是一个可选参数，用于指定将发送到服务器的数据。
• callback：它也是一个可选参数，在请求成功时运行。

返回值：它返回 XMLHttpRequest 对象。

下面的示例说明了 jQuery 中的 getJSON() 方法：

员工.json 文件：

{
“name”: “Tony Stark”,
“age” : “53”,
“role”: “Techincal content writer”,
“company”:”Geeks for Geeks”
}

示例：本示例获取 JSON 文件并显示其内容。

  

    
        jQuery getJSON() Method
    
      
    
    
      
    
    
        $(document).ready(function() {
               
            $("#fetch").click(function(event){
                $.getJSON('employee.json', function(emp) {
                    $('#display').html('<p> Name: ' + emp.name + '</p>');
                    $('#display').append('<p>Age : ' + emp.age+ '</p>');
                    $('#display').append('<p> Role: ' + emp.role+ '</p>');
                    $('#display').append('<p> Company: ' + emp.company+ '</p>');
                });
            });
        });
      
   
       
   
      
          Click on the button to fetch employee data
      
           
      
           
      
        
   

输出：
点击按钮前：

点击按钮后：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。