Question

我有一个微控制器，它使用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不起作用，我的代码看起来还可以吗？

Answer 1

确保您的脚本正在调用您的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']);
  }
});

Answer 2

尝试在文档的onReady事件上调用该函数。 getSerialData函数声明下面的这一行应该起作用。

$(getSerialData)

Json数据未显示在HTML服务器上

2 个答案: