javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù))

更新時間：2009年06月01日 01:42:27 作者：

javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù)),這樣的好處不用額外的ajax讀取鏈接，減輕服務(wù)器負擔。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>guestbook demo</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Author" content="Sheneyan" /> <script type="text/javascript"> var data = [ { id:11, name:'路人甲', mail:'somebodyA@foo.com', title:'測試一下這個留言板好用不', content:'測試就是測試，不要問我為什么測試，也不要問我為了什么測試，反正我就是要測試，你能把我怎么著？', time:'2007-03-21 12:33:43' }, { id:12, name:'路人乙', mail:'somebodyB@foo.com', title:'你好，麻煩你一件事', content:'你好，你能告訴我你的QQ嗎？我有事麻煩你', time:'2007-03-22 22:33:43' }, { id:13, name:'路人丙', mail:'somebodyC@foo.com', title:'啊啊啊', content:'世界如此美好，我脾氣如此暴躁，這樣不好~不好~~', time:'2007-03-23 12:03:41' }, { id:14, name:'路人丁', mail:'somebodyD@foo.com', title:'...', content:'其實。。。我是一個演員', time:'2007-03-23 22:04:08' }, { id:15, name:'xxx', mail:'armyA@foo.com', title:'xxx', content:'長夜漫漫無新睡眠，咦，怎么先生你也沒睡？', time:'2007-03-24 11:12:55' } ]; function getMutliData(){ var x = p = document.getElementById('post'); for (var i = 0 ; i < data.length ; i ++){ var o = p.cloneNode(true); if (x.nextSibling) x.parentNode.insertBefore(o,x.nextSibling); else x.parentNode.appendChild(o); var t = o.innerHTML; t = t.replace(//g,function(a,b){ var v = ""; try{ v = eval("data["+i+"]."+b); } catch(e){} return v; }); o.innerHTML = t; x = o; } p.style.display='none'; } </script> </head> <body> <div   class="2yw72nk"   id="post"> <fieldset> <legend id="post_header">()<a href='mailto:'></a>于發(fā)表：</legend> <h4 id="post_title"></h4> <p id="post_content"></p> </fieldset> </div> <button onclick="getMutliData()">獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù))</button> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

簡單實現(xiàn)js點擊展開二級菜單功能
這篇文章主要教大家簡單實現(xiàn)js點擊展開二級菜單功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
JavaScript 實現(xiàn)完美兼容多瀏覽器的復制功能代碼
這兩天在做Web前端時，遇到需求通過js實現(xiàn)文本復制的功能。經(jīng)過一番測試，終于實現(xiàn)了出來，有需要的小伙伴可以參考下。
2015-04-04
js獲取 gif 的幀數(shù)的代碼實例
這篇文章主要介紹了js獲取 gif 的幀數(shù)的代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-09-09
from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下
2014-04-04
ES2020 已定稿,真實場景案例分析
許多新的特性被提議包括在 ES2020版本中。好消息是這些已經(jīng)已經(jīng)敲定。現(xiàn)在，我們獲得了最終定稿的功能清單，它們將在被批準發(fā)布之后出現(xiàn)在備受期待的 ES2020 中，具體內(nèi)容詳情，大家可以閱讀下本文
2020-05-05
JS實現(xiàn)的簡易拖放效果示例
這篇文章主要介紹了JS實現(xiàn)的簡易拖放效果的方法,涉及JS事件監(jiān)聽、擴展及頁面元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
2016-12-12
JavaScript實現(xiàn)人體面部活體檢測的功能
本文詳細介紹了如何在瀏覽器端使用JavaScript實現(xiàn)高可靠度的人臉活體檢測,包括核心原理、可行方案、優(yōu)缺點對比以及示例代碼,感興趣的朋友一起看看吧
2025-02-02
原生JS實現(xiàn)各種運動之復合運動
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)各種運動之復合運動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
JavaScript中的稀疏數(shù)組與密集數(shù)組[譯]
一般來說,JavaScript中的數(shù)組是稀疏的,也就是說,數(shù)組中的元素之間可以有空隙,因為一個數(shù)組其實就是一個鍵值映射.本文解釋了如何創(chuàng)建稀疏數(shù)組和不稀疏的數(shù)組
2012-09-09
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解決辦法
這篇文章主要介紹了JavaScript中ParseInt("08")和“09”返回0的原因分析及解決辦法的相關(guān)資料,需要的朋友可以參考下
2016-05-05