亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 html 中存儲動態內容數據的最佳做法是什么?

在 html 中存儲動態內容數據的最佳做法是什么?

幕布斯6054654 2022-12-02 10:47:33
基本上,我正在創建一個簡單的宣傳冊網站,可以使用 Javascript 動態更改內容。每次單擊按鈕時,它都會調用 .js 文件中的一個函數,將其插入到 html 中。為此,我將這些數據放入 .js 文件中的一個變量中。問題是我發現數據太大并且使 .js 文件混亂。<button class="content-1"><button class="content-2"><div class="container">  # change between content 1 and 2</div>// in my case there are more than 2 contents// each content has other contents as well// the question is where to put these data let contentOne = [   "a lot of text data",   "a lot of text data",  "a lot of text data"]# other code現在我設法將它們分離到另一個 .js 文件中。但我只是想知道,是否有一種更簡潔的方式來存儲然后訪問這些數據?喜歡使用 YAML 嗎?你通常是怎么做的?對于動態網站,我知道它通常存儲在數據庫中,但是對于靜態網站來說呢?
查看完整描述

1 回答

?
郎朗坤

TA貢獻1921條經驗 獲得超9個贊

我會將它放在與 JSON 不同的文件中。然后在您的 HTML 文件中,您有一個函數可以執行提取請求以從服務器獲取 JSON 文件。


這確實意味著您在開發時需要一個網絡服務器。您可以使用像http-server這樣的輕量級服務器。


然后,您的代碼執行如下操作:


function hydrateData() {

  return fetch('data.json').then(response => response.json());

}


hydrateData().then(data => {


// the rest of your code that needs the data goes in here


})


查看完整回答
反對 回復 2022-12-02
  • 1 回答
  • 0 關注
  • 108 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號