jQuery getJSON()方法

jQuery是一个JavaScript库，它简化了JavaScript的操作，可用于处理HTML文档操作、事件处理、动画效果等。其中的getJSON()方法是一种Ajax方法，用于从服务器获取JSON数据。

一、语法格式

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

参数说明：
- url：要请求的服务器上的 URL
- data：可选参数。要发送的由键值对组成的查询参数
- callback：可选参数。请求成功时回调函数

二、实例分析

1. 获取JSON数据

下面是一个简单的示例，使用getJSON()方法从服务器获取JSON数据，并将其在控制台上输出：

$.getJSON("https://jsonplaceholder.typicode.com/todos/1", function(data){
   console.log(data);
});

这个示例，发起一个GET请求，获取 https://jsonplaceholder.typicode.com/todos/1 这个地址中的JSON数据，成功后将数据存储在data变量中，并将其打印出来。

1. 获取JSON数据并解析

下面这个示例来自来自jQuery官网，展示了如何获取JSON数据并对其进行解析：

$.getJSON( "ajax/test.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + val + "</li>" );
  });

  $( "<ul/>", {
    "class": "my-list",
    html: items.join( "" )
  }).appendTo( "body" );
});

在这个示例中，我们从ajax/test.json文件中获取JSON数据，解析后将其存储在一个数组中，最后将数组中的数据添加到一个无序列表中，并将其附加到页面的body元素中。

总结：

以上是jQuery中getJSON()方法的详细攻略，getModel()的用途还包括了和其他前端框架的衔接、ajax交互等针对多种应用场景的适用性。通过此方法，我们可以轻松地从服务器获取JSON数据，并将其在前端页面中展示出来。