javascript - Json数据不显示在html服务器上

标签 javascript jquery html json

我有一个微 Controller ,它使用 json 在 C 和它的 html 服务器之间进行通信。我有两个 json 文件:status.json 和serial.json。 status.json 显示正常,但由于某种原因,serial.json 不会显示?

我已经确认serial.json在html服务器上正确显示,所以我的问题将来自javascript/JQuery/HTML代码。

这是/serialdata.json 的样子

{"serial":"XXSerialTestXX"}

这是我的 jQuery/Javascript 代码

function getSerialData() {
    $.getJSON( "/serialdata.json", function( data ) {
        if(data.hasOwnProperty('serial') && data['serial'] != "") {
            $("#serial").text(data["serial"]);
        }
    })
}

这是我的 html 代码

<div id="Instructions">
    <h2>Follow These Intructions to set up your device</h2>
    <section>
        <body>follow these steps to set up your device!</body>
        <div id="serial"></div>
    </section>
</div>

如果我将 div id 更改为我从 status.json 设置的 id,它可以正常工作,但是从 serial.json 中的序列 id 不起作用,我的代码看起来正常吗?

最佳答案

确保您的脚本正在调用 getSerialData() 方法。

带有声明

// Declare getSerialData()
function getSerialData() {
  $.getJSON('/serialdata.json', function(data) {
    if (data.hasOwnProperty('serial') && data['serial'] != "") {
      $('#serial').text(data['serial']);
    }
  });
}

// Call the function.
getSerialData();

无声明

如果不需要在其他地方调用该函数,则可以省略函数声明,直接编写代码

$.getJSON('/serialdata.json', function(data) {
  if (data.hasOwnProperty('serial') && data['serial'] != "") {
    $('#serial').text(data['serial']);
  }
});

关于javascript - Json数据不显示在html服务器上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53939999/

相关文章:

javascript - 在 Phaser 中设置汽车的最大速度和当前速度

javascript - 使用 jquery 动态填充选择选项

javascript - 如何获取特定元素的索引

css - 带有部分的标题标签的不同行为

html - 等距的图像行不对齐 html/css

javascript - 使用 Javascript 验证包含阿拉伯字符的密码输入

javascript - 当数组中有多个实例时,以编程方式仅在 Javascript 对象属性的一个实例上创建 HTML 元素

javascript - Highcharts 如何在设置数据处显示加载动画

javascript - 页面加载后立即以编程方式触发 jquery 下拉更改事件

html - 如何使 1024 x 600 和 1024 x 768 的媒体查询分开工作?