第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

從文件動(dòng)態(tài)導(dǎo)入值

從文件動(dòng)態(tài)導(dǎo)入值

三國紛爭(zhēng) 2022-09-02 16:56:17
我需要一些幫助來動(dòng)態(tài)加載模板中的數(shù)據(jù)作為文件更改。以下是數(shù)據(jù)和代碼的示例我有一個(gè)json文件:data = '[{"name" : "bob", "value" : "3.1"}, {"name" : "joe", "value" : "5.6"}]';此文件中的值定期更改(每 2-3 秒)我有一個(gè) HTML 文件<head> <script type="text/javascript" src="data.json"></script> <script type="text/javascript" src="javascript.js"></script></head><body> <table>  <tr>    <td>0</td>    <td>0</td>   </tr>  <tr>    <td>0</td>    <td>0</td>   </tr> </table><body><script type="text/javascript"> document.body.innerHTML = markup;</script>javascript.js是:var mydata = JSON.parse(data);const markup = ` <table>  <tr>    <td>${mydata[0].name}</td>    <td>${mydata[0].value}</td>   </tr>  <tr>    <td>${mydata[1].name}</td>    <td>${mydata[1].value}</td>   </tr> </table>`;所以第一個(gè)問題是:隨著值的變化,我如何讓數(shù)據(jù)動(dòng)態(tài)加載到模板中?jQuery?節(jié)點(diǎn).js?我需要最簡(jiǎn)單的解決方案,因?yàn)槲也皇切率?。其次,html代碼在現(xiàn)實(shí)中有點(diǎn)復(fù)雜,但是有沒有一種相對(duì)簡(jiǎn)單的方法來循環(huán)訪問數(shù)據(jù),而不是我必須手動(dòng)編寫所有內(nèi)容?喜歡引入“數(shù)據(jù)中的前天”?感謝您的幫助,非常感謝!
查看完整描述

2 回答

?
嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊

1.Nodejs[Expressjs] [ server side ]
2.Fetch() and setInterval()[ client side ]

假設(shè)您已經(jīng)設(shè)置了有關(guān)初始 json 文件中更改的值的函數(shù)/代碼。

你可以做的是在服務(wù)器端使用nodejs和expressjs在ping時(shí)發(fā)送數(shù)據(jù)(也許是json格式?),在客戶端,你可以做的是在js中創(chuàng)建一個(gè)函數(shù)(也許使用fetch())來ping該nodejs服務(wù)器每隔“x”秒使用setInterval()并檢索數(shù)據(jù)解析它,如果它是json并更改表中的數(shù)據(jù)。

關(guān)于表中的數(shù)據(jù),有人已經(jīng)發(fā)布了解決方案。


查看完整回答
反對(duì) 回復(fù) 2022-09-02
?
千巷貓影

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

我希望我有幫助


網(wǎng)頁:


<table id="myTable">

</table>

Javascript:


var x = document.getElementById("myTable");

setInterval(function(){ 

    // Here you get the file in the way that is most convenient for you

    // More info here: https://www.w3schools.com/js/js_json_parse.asp

    var data = '[{"name" : "bob", "value" : "3.1"}, {"name" : "joe", "value" : "5.6"}]';

    var obj = JSON.parse(data);

    // Clear the table

    x.innerHTML = '';

    // Adds new values

    for (var key in obj[0]) {

        if (obj[0].hasOwnProperty(key)) {

            x.innerHTML += '<tr><td>'+key+'</td><td>'+obj[0][key]+'</td></tr>'

        }

    }

}, 1000);


查看完整回答
反對(duì) 回復(fù) 2022-09-02
  • 2 回答
  • 0 關(guān)注
  • 134 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)