时间戳

首页 > 解决方案 > Json 数据未显示在 html 服务器上

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

问题描述

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

标签： javascriptjqueryhtmljson

解决方案

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

推荐阅读