jQuery getJSON() 方法

2025年3月17日 | 阅读 3 分钟

这个 jQuery 方法用于通过 AJAX HTTP GET 请求从服务器获取 JSON 数据。

语法

参数值

此方法包含三个参数值,其中一个是必需的,其他是可选的。我们必须将 URL 参数包含到 getJSON() 方法中。getJSON() 方法的参数值在下表中定义。

参数
URL这是发送请求的 URL。这是一个必需参数。
数据这是一个可选参数。它是发送到服务器的数据。
success(data, status, xhr)这也是一个可选参数。它是一个回调函数,在服务器请求成功时执行。
它也有三个参数:data、status 和 xhr,其中 data 包含从服务器返回的数据,status 表示请求状态,如“success”、“error”等,xhr 包含 XMLHttpRequest 对象。

现在,让我们看一个使用 getJSON() 方法的简单示例。

示例

在此示例中,我们使用 getJSON() 方法从外部 JSON 文件获取 JSON 数据。这里有一个名为 sample.json 的外部 JSON 文件,其中包含学生的详细信息。

我们正在使用 getJSON() 方法的两个参数:URL 和回调函数。

URL 参数设置为值 sample.JSON。我们正在使用回调函数的两个参数:datastatus,其中第一个参数保存请求页面的数据,第二个参数保存请求状态。在输出中,我们可以看到从服务器加载的数据,并且请求的状态是 success

我们必须单击给定按钮才能从外部 JSON 文件获取数据。

sample.json

Example2.html

立即测试

输出

执行上述代码后,输出将是 -

jQuery getJSON() method

单击给定按钮后,将显示一个对话框,其中包含的数据如下所示:

jQuery getJSON() method

关闭对话框后,学生的详细信息将显示在页面上,如以下屏幕截图所示。在以下屏幕截图中,我们可以看到请求的状态是 Success

jQuery getJSON() method