gpt4 book ai didi

javascript - 加载json数据到js

转载 作者:行者123 更新时间:2023-11-30 11:46:30 28 4
gpt4 key购买 nike

我正在学习如何将 json 数据加载到 .js 文件中。我创建了一个 employee.json 文件。我将我的 js 和 json 文件保存在桌面上。我想做的是将json文件中的所有id放入js中的数组中。我不知道可能出了什么问题。希望有人能帮助我。先感谢您。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON with jQuery</title>
</head>

<body>
<p id="demo"></p>
<h1><h2>
<script src = "<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
var res = [];
$.ajax({
url: 'employee.json',
dataType: 'json',
type: 'get',
cache: false,
success: function(data) {
$(data.people).each(function(index, value) {
res.push(value.id);
});
}
});

document.getElementById("demo").innerHTML = res.toString();
</script>

</body>
</html>

{
"person": [
{
"id" : 1,
"firstName" : "Lokesh"
},
{
"id" : 2,
"firstName" : "bryant"
}
{
"id" : 3,
"firstName" : "kobe"
}
]
}

最佳答案

  • 错误 1: 键入错误。 <script src = "<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> .您打错了 src的脚本,不小心添加了另一个 <script>开始标记。
  • 错误 2: 错误的陈述。 document.getElementById("demo").innerHTML = res.toString();应该放在success回调函数,所以只有在服务器响应后才会执行。如果它过早执行,res仍将是 [] .
  • 错误 3: type: 'GET'应该是 method: 'GET' ,根据文档(虽然“GET”是默认的,所以你不需要明确地写这个)。

使用这个:

<p id="demo"></p>
<h1><h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
var res = [];
$.ajax({
url: 'employee.json',
dataType: 'json',
method: 'get',
cache: false,
success: function(data) {
$(data.people).each(function(index, value) {
res.push(value.id);
});
document.getElementById("demo").innerHTML = res.toString();
}
});


</script>

关于javascript - 加载json数据到js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40838031/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com