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

标签 javascript html json

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

通过下面的内容,我可以生成警报,但没有任何内容写入 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/

相关文章:

javascript - 如何防止在英特尔 XDK 中输入文本时打开键盘?

python - 为什么 json.keys() 以不同的顺序获取 key

html - 如何只选择同名的第一个 div?

python - 如何在 Python 中将 HTML 转换为没有标记的文本?

javascript - 如何分别对齐两个跨度元素但在同一行

php - 当我将JSon文件写入数据库时​​,字符出现困惑

javascript - 如何从对象中检索数组

php - 数组不适用于动态表单字段

javascript - 如何用 reactjs 折叠 div?

javascript - 根据在 Angular JS 中单击的列表项,为 ng-model ="searchText"输入赋值