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需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript实现div的显示和隐藏的小例子
这篇文章介绍了在JS中实现DIV显示和隐藏的实例，需要的朋友可以参考一下
2013-06-06
JS实现的点击按钮图片上下滚动效果示例
这篇文章主要介绍了JS实现的点击按钮图片上下滚动效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-01-01
JS中typeof与instanceof之间的区别总结
本文是对JS中typeof与instanceof之间的区别进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
JavaScript实现的商品抢购倒计时功能示例
这篇文章主要介绍了JavaScript实现的商品抢购倒计时功能,可实现分秒级别的实时显示倒计时效果,涉及js日期时间计算与页面元素动态操作相关技巧,需要的朋友可以参考下
2017-04-04
js加载之使用DOM方法动态加载Javascript文件
传统上，加载Javascript文件都是使用script标签，我们也可以使用DOM方法，动态加载Javascript文件，具体实现如下，感兴趣的朋友可以参考下
2013-11-11
js实现操作cookie的常见方法总结【创建、读取、删除】
这篇文章主要介绍了js实现操作cookie的常见方法,结合实例形式分析了js操作cookie创建、读取、删除相关实现技巧与注意事项,需要的朋友可以参考下
2020-03-03
微信小程序自定义toast实现方法详解【附demo源码下载】
这篇文章主要介绍了微信小程序自定义toast实现方法,简单描述了微信小程序自带toast使用方法,并结合实例形式分析了自定义toast的定义与使用方法,需要的朋友可以参考下
2017-11-11
JavaScript事件委托用法分析
这篇文章主要介绍了JavaScript事件委托用法,实例分析了使用事件委托触发事件的具体使用技巧,需要的朋友可以参考下
2015-01-01
微信小程序版本自动更新的方法
这篇文章主要介绍了微信小程序版本自动更新的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-06-06
使用JS+plupload直接批量上传图片到又拍云
本文详细介绍了通过js+plupload实现了绕过服务器，向又拍云批量上传图片的解决方法，十分的巧妙，也节省了服务器资源，这里推荐给有需要的小伙伴。
2014-12-12