<!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