jQuery getJSON() 方法

在 web 前端开发中,获取服务器端 JSON 数据是一项常见的任务。jQuery 提供了一个方便的方法来处理这种情况,即 $.getJSON() 方法。该方法可以发送一个 GET 请求到指定的 URL,并获取返回的 JSON 数据。在本文中,我们将详细介绍如何使用 $.getJSON() 方法来获取和处理 JSON 数据。

语法

$.getJSON(url, data, success)

  • url:要发送请求的 URL 地址。
  • data:可选参数,发送到服务器的数据。
  • success:请求成功时的回调函数。

示例

假设我们有一个服务器端接口 /api/users,返回一个 JSON 数组,包含用户信息。现在我们想使用 $.getJSON() 方法来获取这些用户信息并在页面上展示出来。以下是一个简单的示例代码:

----------------------- -------------- -
  -- ----------
  --------------------------- -
    ------------------------------------------------
  ---
---

在上面的示例中,我们向 /api/users 发送了一个 GET 请求,并在请求成功时遍历返回的用户数据,将每个用户的姓名添加到页面上的一个列表中。

错误处理

除了成功的回调函数外,$.getJSON() 方法还可以接受一个错误处理函数作为第二个参数。这个函数会在请求失败时被调用。以下是一个带有错误处理的示例代码:

----------------------- -------------- -
  -- ----------
  --------------------------- -
    ------------------------------------------------
  ---
-- --------------- -
  -- ----------
  --------------------- -- --- ---- ----- - - -------
---

在上面的示例中,如果请求失败,就会在控制台输出错误信息。

总结

通过 $.getJSON() 方法,我们可以方便地发送 GET 请求并处理返回的 JSON 数据。这在处理 AJAX 请求时非常有用,能够使我们的代码更加简洁和易于理解。希望本文能够帮助你更好地理解和使用 $.getJSON() 方法。


下一篇:jQuery 教程