gpt4 book ai didi

javascript - 使用 Javascript 将 JSON 文件中的单个值返回到 HTML

转载 作者:行者123 更新时间:2023-12-02 16:40:48 26 4
gpt4 key购买 nike

我已经研究了两到三种不同的方法来做到这一点,但是我仍然遇到问题。

通过下面的内容,我可以生成警报,但没有任何内容写入 div

JSON

{
"FixVersion": "Version - 1.2.3",
"BugCount": "27",
"TaskCount": "4",
"StoryCount": "5"
}

JAVASCRIPT 尝试 1

<script type="text/javascript">
function read_project_title() {

$.getJSON("ProjectVersion.json", function(data) {

alert(data["FixVersion"]);
return(data["FixVersion"]);

});

}
</script>

JAVASCRIPT 尝试 2

<script type="text/javascript">
function read_project_title() {

$.getJSON("ProjectVersion.json", function(data) {
var node = document.getElementById('pageTitle');
node.innerHTML(data["FixVersion"]);
});

}
</script>

HTML

<div id="pageTitle"><script>read_project_title();</script></div>

最佳答案

你试过这个方法吗?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="pageTitle"></div>
<script>
function read_project_title() {
$.getJSON("ProjectVersion.json", function(data) {

var node = document.querySelector('#pageTitle');
if (node) {
node.innerHTML = data.FixVersion;
}
});
}

read_project_title();
</script>
</body>
</html>

关于javascript - 使用 Javascript 将 JSON 文件中的单个值返回到 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27521544/

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