使用JSON检索数据并将其输入html文件

现在，当我点击“检索数据”按钮时，所有的“Lorem Ipsum”条目都会被正确的数据填充。例如，使用另一个文件/位置中规定的温度填充环境温度。但到目前为止我还没有运气

<!-- begin col-6 -->
    <div class="col-md-6">
        <!-- begin panel -->
        <div class="panel panel-inverse" data-sortable-id="table-basic-1">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                </div>
                <h4 class="panel-title">Default Table</h4>
            </div>
            <div class="panel-body">
                <table class="table">
                    <tbody>
                        <tr>
                            <td><b>Status</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                        <tr>
                            <td><b>Server Update</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-inverse" data-sortable-id="table-basic-1">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                </div>
                <h4 class="panel-title">Default Table</h4>
            </div>
            <div class="panel-body">
                <table class="table">
                    <tbody>
                        <tr>
                            <td><b>Signal Strength</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                        <tr>
                            <td><b>Main Power</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                        <tr>
                            <td><b>Backup Battery</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                        <tr>
                            <td><b>Ambient Temperature</b></td>
                            <td>Lorem ipsum dolor </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- end panel -->
        <div class="col-md-8 col-md-offset-4">
                <button type="submit" class="btn btn-sm btn-primary m-r-5">Retrieve Data</button>
            </div>
    </div>

默认表
地位
同侧阴唇
服务器更新
同侧阴唇
默认表
信号强度
同侧阴唇
主电源
同侧阴唇
备用电池
同侧阴唇
环境温度
同侧阴唇
检索数据

基本上，您需要识别DOM的各个部分，以便能够更改它们

基本上，如果使用JQuery，您可以做到这一点：

$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“#fld#U状态”）。文本（“确定”）；
$（“fld#U服务器更新”）.text（“今天”）；
});
});

默认表
地位
同侧阴唇
服务器更新
同侧阴唇
默认表
信号强度
同侧阴唇
主电源
同侧阴唇
备用电池
同侧阴唇
环境温度
同侧阴唇
检索数据
基本上，您需要识别DOM的各个部分，以便能够更改它们

基本上，如果使用JQuery，您可以做到这一点：


$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“#fld#U状态”）。文本（“确定”）；
$（“fld#U服务器更新”）.text（“今天”）；
});
});

默认表
地位
同侧阴唇
服务器更新
同侧阴唇
默认表
信号强度
同侧阴唇
主电源
同侧阴唇
备用电池
同侧阴唇
环境温度
同侧阴唇
检索数据
谢谢！这回答了我的问题！谢谢这回答了我的问题！