使用Javascript从JSON文件向HTML返回单个值_Javascript_Html_Json

使用Javascript从JSON文件向HTML返回单个值

javascript html json

使用Javascript从JSON文件向HTML返回单个值,javascript,html,json,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_tit

我已经研究了两三种不同的方法，但是我仍然遇到问题

使用下面的代码，我可以生成一个警报，但没有任何内容写入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>


函数读取\项目\标题（）{
$.getJSON（“ProjectVersion.json”），函数（数据）{
警报（数据[“固定版本]）；
返回（数据[“固定版本]）；
});
}

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>


函数读取\项目\标题（）{
$.getJSON（“ProjectVersion.json”），函数（数据）{
var节点=document.getElementById（'pageTitle'）；
node.innerHTML（数据[“FixVersion”]）；
});
}

HTML

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

read_project_title（）；

试试这个

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

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

        alert(data.FixVersion);
        return(data.FixVersion);   

      });

    }
</script>


函数读取\项目\标题（）{
$.getJSON（“ProjectVersion.json”），函数（数据）{
警报（data.FixVersion）；
返回（data.FixVersion）；
});
}

你试过这种方法吗

<!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>


函数读取\项目\标题（）{
$.getJSON（“ProjectVersion.json”），函数（数据）{
var node=document.querySelector（“#pageTitle”）；
如果（节点）{
node.innerHTML=data.FixVersion；
}
});
}
阅读项目标题（）；

在第二次尝试中，只需更改行节点.innerHTML（数据[“FixVersion”]）；致：

希望有帮助。

简单修复只需打印出所有返回的数据，以确保得到预期的结果

尝试data.FixVersion而不是data[“FixVersion”]@OkiErieRinaldi，只是尝试了一下。在这两种情况下都没有结果警报可以工作，但仍然没有任何内容写入htmlyeah，您必须包含.html（data.Fixversion）才能使其工作是的，这对我来说很有效。如果我把它作为脚本放在头上，它也会起作用。固定的。谢谢问题是我以前的

var节点

和

node.innerHTML

声明

node.innerHTML = data["FixVersion"];

$(function() {
  $.getJSON('objects.json',function(data) {
    $('#pageTitle').html(data['FixVersion']);
    
    // print data
    document.body.innerHTML += JSON.stringify(data, null, 4);
  });
});