📜  jQuery | getJSON() 方法(1)

📅  最后修改于: 2023-12-03 14:43:15.263000             🧑  作者: Mango

jQuery | getJSON() 方法

jQuery 的 getJSON() 方法是一个用于发送 HTTP GET 请求并接收 JSON 格式数据的便捷方法。

使用方法
$.getJSON(url, data, success);
参数说明
  • url:要发送请求的 URL。
  • data:要发送到服务器的 data 参数。可以是一个 queryString,也可以是一个对象。
  • success:请求成功后要执行的回调函数。此函数有一个唯一参数,即服务器返回的 JSON 数据。
示例
$.getJSON('https://api.example.com/data', {limit: 10}, function (data) {
  console.log(data);
});

这个例子中,我们发送一个 GET 请求到 https://api.example.com/data 并试图获取最多 10 条数据。当请求成功时,我们将服务器返回的数据记录到浏览器控制台。

错误处理

为了处理请求失败的情况,您可以在 getJSON() 方法调用后使用 fail()always() 方法添加相应的回调函数。下面是一个使用 getJSON() 简单错误处理的示例:

$.getJSON('https://api.example.com/data')
  .done(function (data) {
    console.log(data);
  })
  .fail(function (jqxhr, textStatus, error) {
    var err = textStatus + ", " + error;
    console.log("Request Failed: " + err);
  })
  .always(function () {
    console.log("Complete");
  });

在这个示例中,当请求成功时,我们会将服务器返回的数据记录到浏览器控制台,当请求失败时,我们会记录错误消息并在 always() 方法中添加一条完成消息。

总结

getJSON() 方法是使用 jQuery 发送 HTTP GET 请求获取 JSON 格式数据的一种方便而简单的方法。它可以方便地与您的应用程序集成,并支持简单的错误处理。