$.getJSON 方法是 jQuery 提供的简化 AJAX 请求的方法,专门用于获取 JSON 格式的数据。以下是一个使用 $.getJSON 的简单实例代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery getJSON Example</title>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

<script>
    $(document).ready(function () {
        // 发送GET请求获取JSON数据
        $.getJSON('your_json_endpoint', function (data) {
            // 成功回调函数,处理从服务器返回的JSON数据
            console.log('Success:', data);

            // 在这里可以根据需要处理获取到的JSON数据,例如更新页面内容等操作
        })
        .done(function() {
            // 请求成功时执行的操作
            console.log('getJSON request succeeded');
        })
        .fail(function(jqxhr, textStatus, error) {
            // 请求失败时执行的操作
            var err = textStatus + ', ' + error;
            console.error('Request Failed: ' + err);
        });
    });
</script>

</body>
</html>

在这个例子中,你需要将 'your_json_endpoint' 替换为实际的 JSON 数据接口地址。成功回调函数中的 data 参数将包含从服务器获取的 JSON 数据。在这里,你可以根据需要处理数据,例如更新页面内容或执行其他操作。

此外,使用 .done() 方法处理请求成功的情况,.fail() 方法处理请求失败的情况,以便进行适当的错误处理。


转载请注明出处:http://www.zyzy.cn/article/detail/4576/JSON