gpt4 book ai didi

javascript - 如何读取本地 JSON 文件

转载 作者:行者123 更新时间:2023-11-30 08:29:40 26 4
gpt4 key购买 nike

我正在关注 YouTube 上的教程,但无法运行它。基本上我有一个 country.json 文件。我正在尝试检索其中的数据。这里有什么问题??

这是 country.json 文件的样子

{
"name": "Germany",
"capital": "Berlin",
"pop": "some value"
}

JavaScript

var container = $("div.container");
$("input#get").click(function () {
$.ajax({
type: "Get",
url: "country.json",
dataType: "json",
successs: function (data) {
$.each(data, function (index, item) {
$.each(item, function (key, value) {
container.append(key + " : " + value + "</br>");
});
container.appendChild("<br/><br>")
});
}
});
});

HTML

<div class="container"></div>
<div id="form-area">
<h2>Get</h2>
<input type="submit" id="get" value="get">
</div>

最佳答案

你可以这样得到它:-

<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

</head>
<body>
<div class="container"></div>
<div id="form-area">
<h2>Get</h2>
<input type="submit" id="get" value="get">
</div>
</body>
</html>

<script type="text/javascript">
var container = $(".container"); //check change here
$("#get").click(function () { //check change here
$.getJSON( "country.json", function( data ) {
var myhtml = ''; // create an empty variable
$.each(data, function (key, value) {
myhtml += key + ' : ' + value + '</br>'; // append data to variable

});
container.append( myhtml); // append the whole data (variable) to div
});
});
</script>

输出(在我的本地浏览器上):- http://prntscr.com/cq2jjt

注意:- 从 json 文件中读取数据 $.getJSON() 是必需的。

查看更多详情:- http://api.jquery.com/jquery.getjson/

关于javascript - 如何读取本地 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39871212/

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