<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Ajax Example</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
// 发送Ajax请求
$.ajax({
url: 'your_server_endpoint', // 服务器端接口地址
method: 'GET', // 或 'POST',根据实际情况选择请求方法
dataType: 'json', // 期望的服务器响应数据类型为JSON
success: function (data) {
// 成功回调函数,处理从服务器返回的JSON数据
console.log('Success:', data);
// 在这里可以根据需要处理获取到的JSON数据,例如更新页面内容等操作
},
error: function (error) {
// 失败回调函数,处理请求失败的情况
console.error('Error:', error);
}
});
});
</script>
</body>
</html>
上述代码中,你需要将 your_server_endpoint 替换为实际的服务器端接口地址。在成功回调函数中,你可以处理从服务器返回的JSON数据,例如更新页面内容、显示数据等。
请注意,如果服务器端返回的数据不是有效的JSON格式,或者有其他错误,可以在失败回调函数中进行适当的处理。此外,确保在实际应用中处理可能的异常情况和错误。
转载请注明出处:http://www.zyzy.cn/article/detail/4575/JSON