jQuery实现异步获取json数据的2种方式

下面是关于“jQuery实现异步获取json数据的2种方式”的详细讲解攻略：

1. jQuery.ajax()方法

jQuery.ajax() 方法是 jQuery 提供的最强大、最全面、最高层次的 AJAX 实现。它能够在不需要加载页面的情况下，使用 HTTP 请求从服务器异步地加载数据，并修改现有的页面内容。
以下是一段实现基于 jQuery.ajax() 方法的异步获取json数据的示例：

$.ajax({
  type: 'GET',
  url: 'your_url_here',
  dataType: 'json',
  success: function(data){
    console.log(data);
    // 此处data为json对象
  },
  error: function(xhr, type){
    console.log('Ajax error!');
  }
});

上述方法中的参数含义：
- type: HTTP请求方法（GET 或 POST）；
- url: 请求相对地址；
- dataType: 期望接收的数据类型（xml、json、script、html等）；
- success: 请求成功的回调函数，返回的是服务器响应的数据；
- error: 请求失败的回调函数，返回的data中是文本信息。

2. jQuery.getJSON()方法

jQuery.getJSON() 方法是 jQuery 中封装好的一个简化的 AJAX 方法，专门用于获取 JSON 数据，是 jQuery.ajax() 的一种简化方式，大部分情况用的是这个方法。
以下是一段实现基于 jQuery.getJSON() 方法的异步获取json数据的示例：

$.getJSON('your_url_here',function(data){
  console.log(data);
  // 此处data为json对象
});

上述方法的参数含义：
- url: 请求相对地址；
- callback: 请求成功的回调函数，返回的是服务器响应的数据。

示例说明

示例一：基于 jQuery.ajax() 方法的异步获取json数据

$.ajax({
  type: 'GET',
  url: 'your_url_here',
  dataType: 'json',
  success: function(data){
    console.log(data);
    // 此处data为json对象
  },
  error: function(xhr, type){
    console.log('Ajax error!');
  }
});

示例二：基于 jQuery.getJSON() 方法的异步获取json数据

$.getJSON('your_url_here',function(data){
  console.log(data);
  // 此处data为json对象
});

以上就是 “jQuery实现异步获取json数据的2种方式”的完整攻略，在使用其中的方法时，需要注意请求的地址的正确性和返回的数据格式。