如何使用 jQuery 加载本地 JSON 文件
答案:使用jQuery $.getJSON() 方法
您可以简单地使用 $.getJSON() 方法使用 GET HTTP 请求从服务器加载本地 JSON 文件。 如果 JSON 文件包含语法错误，则请求通常会静默失败。
让我们试试下面的例子来了解它的基本工作原理:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 加载本地 JSON 文件</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$.getJSON("test.json", function(data){
console.log(data.name); /* Prints: Harry */
console.log(data.age); /* Prints: 14 */
}).fail(function(){
console.log("An error has occurred.");
});
});
</script>
</body>
</html>"test.json"文件包含一个简单的 JSON 字符串 {"name": "Harry", "age": 14}。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
