javascript 获取多条数据(模拟ajax获取数据)

更新时间：2009年06月01日 01:42:27 作者：

javascript 获取多条数据(模拟ajax获取数据),这样的好处不用额外的ajax读取链接，减轻服务器负担。

<!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 id="post"> <fieldset> <legend id="post_header">()<a href='mailto:'></a>于发表：</legend> <h4 id="post_title"></h4> <p id="post_content"></p> </fieldset> </div> <button onclick="getMutliData()">获取多条数据(模拟ajax获取数据)</button> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

简单实现js点击展开二级菜单功能
这篇文章主要教大家简单实现js点击展开二级菜单功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
JavaScript 实现完美兼容多浏览器的复制功能代码
这两天在做Web前端时，遇到需求通过js实现文本复制的功能。经过一番测试，终于实现了出来，有需要的小伙伴可以参考下。
2015-04-04
js获取 gif 的帧数的代码实例
这篇文章主要介绍了js获取 gif 的帧数的代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
from表单多个按钮提交用onclick跳转不同action
这篇文章主要介绍了from表单多个按钮提交用onclick跳转不同action,需要的朋友可以参考下
2014-04-04
ES2020 已定稿,真实场景案例分析
许多新的特性被提议包括在 ES2020版本中。好消息是这些已经已经敲定。现在，我们获得了最终定稿的功能清单，它们将在被批准发布之后出现在备受期待的 ES2020 中，具体内容详情，大家可以阅读下本文
2020-05-05
JS实现的简易拖放效果示例
这篇文章主要介绍了JS实现的简易拖放效果的方法,涉及JS事件监听、扩展及页面元素动态操作的相关技巧,需要的朋友可以参考下
2016-12-12
JavaScript实现人体面部活体检测的功能
本文详细介绍了如何在浏览器端使用JavaScript实现高可靠度的人脸活体检测,包括核心原理、可行方案、优缺点对比以及示例代码,感兴趣的朋友一起看看吧
2025-02-02
原生JS实现各种运动之复合运动
这篇文章主要为大家详细介绍了原生JS实现各种运动之复合运动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
JavaScript中的稀疏数组与密集数组[译]
一般来说,JavaScript中的数组是稀疏的,也就是说,数组中的元素之间可以有空隙,因为一个数组其实就是一个键值映射.本文解释了如何创建稀疏数组和不稀疏的数组
2012-09-09
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
这篇文章主要介绍了JavaScript中ParseInt("08")和“09”返回0的原因分析及解决办法的相关资料,需要的朋友可以参考下
2016-05-05

javascript 获取多条数据(模拟ajax获取数据)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具