jQuery getJSON 将结果保存到变量中[重复]

JS

使用 jQuery 的 getJSON 方法可以从服务器获取 JSON 数据，并将结果保存到变量中。这种方法对于需要通过 Ajax 请求获取数据的情况非常有用。在本文中，我们将探讨如何使用 getJSON 方法以及如何将结果保存到变量中。

首先，让我们来看一下 getJSON 方法的基本语法：

Javascript
$.getJSON(url, data, success);

其中，url 是要发送请求的 URL 地址，data 是一个可选的对象，包含要发送到服务器的数据，success 是一个回调函数，在请求成功时被调用。

接下来，我们来看一个实际的案例。假设我们有一个服务器端的 JSON 文件，其中包含一些用户信息，比如姓名、年龄和职业。我们将使用 getJSON 方法从服务器获取这些信息，并将结果保存到一个变量中。

首先，我们需要在 HTML 文档中引入 jQuery 库：

html
<script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>

然后，我们可以使用下面的代码来发送 getJSON 请求并将结果保存到变量中：

Javascript
$(document).ready(function() {
    var users = [];
    $.getJSON("users.JSon", function(data) {
        users = data;
        console.log(users); // 输出获取到的用户信息
    });
});

在上面的代码中，我们首先定义了一个空数组 users，用于保存从服务器获取到的用户信息。然后，我们使用 getJSON 方法发送请求，并在成功时将结果赋值给 users 数组。最后，我们使用 console.log 方法输出 users 数组，以验证是否成功获取到了用户信息。

通过以上代码，我们成功地使用 jQuery 的 getJSON 方法将结果保存到变量中。这种方法可以帮助我们在前端开发中方便地获取和处理服务器端返回的 JSON 数据，从而实现更加丰富和动态的页面效果。

在本文中，我们介绍了如何使用 jQuery 的 getJSON 方法将结果保存到变量中。我们首先了解了 getJSON 方法的基本语法，然后通过一个案例代码演示了如何发送 getJSON 请求并将结果保存到变量中。通过这种方法，我们可以更方便地处理服务器端返回的 JSON 数据，从而实现更加灵活和动态的前端页面效果。

希望本文对您有所帮助！