如何在 HTML 頁面中動態檢索和顯示本地存儲數據？
[英]How to retrieve and display local storage data dynamically in HTML page?
問題描述
我想使用 JavaScript 將本地存儲中的數據動態顯示到 HTML 表中。 任何人都可以幫助提供js代碼嗎？ 這是示例 HTML 代碼
table, th, td { border:1px solid black; }
<body> <h2>A basic HTML table</h2> <table style="width:100%"> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body>
1 個解決方案
解決方案1
0 2022-07-18 10:26:21
您需要在初始頁面加載時從localStorage中檢索數據，然后每次在表中進行任何數據操作（插入、編輯或刪除內容）時，運行相同的函數以重新填充表中的行。 根據您構建數據的方式，這應該很容易實現，因為它實際上是您需要執行的單個循環。
解決方案2
-1 2022-07-18 12:06:35
這是我的結構
//js file 1 var a, model_a = { meta:{ id: -9799, publish: 'draft', created_on: '', user_id:'', user_name:'', get_id_url:'', save_url:'', type_data:'a', }, organization:{ report:{ company:'', contact:'', country } }, //js file 2 fire('a_create_user_input'); $('#org_next').on('click',function (evt){ var tmp_user_input = take_all_inputs_value(); // console.log('', tmp_user_input); if(_.isEmpty(tmp_user_input) === false ){ a.organization.report.company = tmp_user_input.company_name; a.organization.report.contact = tmp_user_input.contact; a.organization.report.country = tmp_user_input.country_name; window.location.hash = ''; }else{ console.error('some error'); } });
嘗試將動態添加的 html 表數據設置到本地存儲並在刷新或重新加載應用程序時檢索它
[英]Trying to set dynamically added html table data to local storage and to retrieve it when refreshing or reloading the app
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.