jQuery getJSON()方法

jQuery是一种常用的JavaScript库，提供了丰富的功能和方法来简化DOM操作、事件处理、动画效果、AJAX交互等等。其中，$.getJSON()方法是用于异步读取JSON数据的一种简单方式。

语法

.getJSON( url [, data ] [, success ] )

参数说明：

• url : 必需，表示要异步读取的JSON数据的URL地址。
• data : 可选，表示附加到请求中的对象，可以是普通对象、数组对象、函数对象等等。
• success : 可选，表示JSON数据读取成功后执行的回调函数。该函数接收三个参数：从服务器返回的数据、状态描述、XHR对象。

使用示例

基本方法

通过远程JSON数据读取简单的数据列表，并将其插入到页面中：

$.getJSON( "data.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li>" + val + "</li>" );
  });
  $( "<ul/>", {
    "class": "my-list",
    html: items.join( "" )
  }).appendTo( "body" );
});

请求及数据筛选

通过远程JSON数据读取指定数据，并将其输出到控制台：

$.getJSON( "data.json", { name: "John", time: "2pm" })
  .done(function( data ) {
    console.log(data);
  })
  .fail(function( jqxhr, textStatus, error ) {
    var err = textStatus + ", " + error;
    console.log( "Request Failed: " + err );
  });

对返回数据进行操作

读取并输出我们需要的数据：

$.getJSON( "data.json", function( data ) {
  $.each( data, function( key, val ) {
    if (val.name == "John") {
      $("p").text(val.name + " " + val.time);
    }
  });
});

总结

.getJSON()方法是一种快速、简单的方式来从服务器异步读取JSON数据。通过合适的请求和数据筛选，我们可以获取自己需要的数据，然后对其进行进一步的处理和操作。在实际应用中，我们需要注意参数的设置和回调函数的编写，以保证操作的正确性和可靠性。