资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 获取多条数据(模拟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" /> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20data%20%3D%20%5B%20%0D%0A%7B%20%0D%0Aid%3A11%2C%20%0D%0Aname%3A'%E8%B7%AF%E4%BA%BA%E7%94%B2'%2C%20%0D%0Amail%3A'somebodyA%40foo.com'%2C%20%0D%0Atitle%3A'%E6%B5%8B%E8%AF%95%E4%B8%80%E4%B8%8B%E8%BF%99%E4%B8%AA%E7%95%99%E8%A8%80%E6%9D%BF%E5%A5%BD%E7%94%A8%E4%B8%8D'%2C%20%0D%0Acontent%3A'%E6%B5%8B%E8%AF%95%E5%B0%B1%E6%98%AF%E6%B5%8B%E8%AF%95%EF%BC%8C%E4%B8%8D%E8%A6%81%E9%97%AE%E6%88%91%E4%B8%BA%E4%BB%80%E4%B9%88%E6%B5%8B%E8%AF%95%EF%BC%8C%E4%B9%9F%E4%B8%8D%E8%A6%81%E9%97%AE%E6%88%91%E4%B8%BA%E4%BA%86%E4%BB%80%E4%B9%88%E6%B5%8B%E8%AF%95%EF%BC%8C%E5%8F%8D%E6%AD%A3%E6%88%91%E5%B0%B1%E6%98%AF%E8%A6%81%E6%B5%8B%E8%AF%95%EF%BC%8C%E4%BD%A0%E8%83%BD%E6%8A%8A%E6%88%91%E6%80%8E%E4%B9%88%E7%9D%80%EF%BC%9F'%2C%20%0D%0Atime%3A'2007-03-21%2012%3A33%3A43'%20%0D%0A%7D%2C%20%0D%0A%7B%20%0D%0Aid%3A12%2C%20%0D%0Aname%3A'%E8%B7%AF%E4%BA%BA%E4%B9%99'%2C%20%0D%0Amail%3A'somebodyB%40foo.com'%2C%20%0D%0Atitle%3A'%E4%BD%A0%E5%A5%BD%EF%BC%8C%E9%BA%BB%E7%83%A6%E4%BD%A0%E4%B8%80%E4%BB%B6%E4%BA%8B'%2C%20%0D%0Acontent%3A'%E4%BD%A0%E5%A5%BD%EF%BC%8C%E4%BD%A0%E8%83%BD%E5%91%8A%E8%AF%89%E6%88%91%E4%BD%A0%E7%9A%84QQ%E5%90%97%EF%BC%9F%E6%88%91%E6%9C%89%E4%BA%8B%E9%BA%BB%E7%83%A6%E4%BD%A0'%2C%20%0D%0Atime%3A'2007-03-22%2022%3A33%3A43'%20%0D%0A%7D%2C%20%0D%0A%7B%20%0D%0Aid%3A13%2C%20%0D%0Aname%3A'%E8%B7%AF%E4%BA%BA%E4%B8%99'%2C%20%0D%0Amail%3A'somebodyC%40foo.com'%2C%20%0D%0Atitle%3A'%E5%95%8A%E5%95%8A%E5%95%8A'%2C%20%0D%0Acontent%3A'%E4%B8%96%E7%95%8C%E5%A6%82%E6%AD%A4%E7%BE%8E%E5%A5%BD%EF%BC%8C%E6%88%91%E8%84%BE%E6%B0%94%E5%A6%82%E6%AD%A4%E6%9A%B4%E8%BA%81%EF%BC%8C%E8%BF%99%E6%A0%B7%E4%B8%8D%E5%A5%BD~%E4%B8%8D%E5%A5%BD~~'%2C%20%0D%0Atime%3A'2007-03-23%2012%3A03%3A41'%20%0D%0A%7D%2C%20%0D%0A%7B%20%0D%0Aid%3A14%2C%20%0D%0Aname%3A'%E8%B7%AF%E4%BA%BA%E4%B8%81'%2C%20%0D%0Amail%3A'somebodyD%40foo.com'%2C%20%0D%0Atitle%3A'...'%2C%20%0D%0Acontent%3A'%E5%85%B6%E5%AE%9E%E3%80%82%E3%80%82%E3%80%82%E6%88%91%E6%98%AF%E4%B8%80%E4%B8%AA%E6%BC%94%E5%91%98'%2C%20%0D%0Atime%3A'2007-03-23%2022%3A04%3A08'%20%0D%0A%7D%2C%20%0D%0A%7B%20%0D%0Aid%3A15%2C%20%0D%0Aname%3A'xxx'%2C%20%0D%0Amail%3A'armyA%40foo.com'%2C%20%0D%0Atitle%3A'xxx'%2C%20%0D%0Acontent%3A'%E9%95%BF%E5%A4%9C%E6%BC%AB%E6%BC%AB%E6%97%A0%E6%96%B0%E7%9D%A1%E7%9C%A0%EF%BC%8C%E5%92%A6%EF%BC%8C%E6%80%8E%E4%B9%88%E5%85%88%E7%94%9F%E4%BD%A0%E4%B9%9F%E6%B2%A1%E7%9D%A1%EF%BC%9F'%2C%20%0D%0Atime%3A'2007-03-24%2011%3A12%3A55'%20%0D%0A%7D%20%0D%0A%5D%3B%20%0D%0Afunction%20getMutliData()%7B%20%0D%0Avar%20x%20%3D%20p%20%3D%20document.getElementById('post')%3B%20%0D%0Afor%20(var%20i%20%3D%200%20%3B%20i%20%3C%20data.length%20%3B%20i%20%2B%2B)%7B%20%0D%0Avar%20o%20%3D%20p.cloneNode(true)%3B%20%0D%0Aif%20(x.nextSibling)%20%0D%0Ax.parentNode.insertBefore(o%2Cx.nextSibling)%3B%20%0D%0Aelse%20%0D%0Ax.parentNode.appendChild(o)%3B%20%0D%0Avar%20t%20%3D%20o.innerHTML%3B%20%0D%0At%20%3D%20t.replace(%2F%3C!--%7B(.*%3F)%7D--%3E%2Fg%2Cfunction(a%2Cb)%7B%20%0D%0Avar%20v%20%3D%20%22%22%3B%20%0D%0Atry%7B%20%0D%0Av%20%3D%20eval(%22data%5B%22%2Bi%2B%22%5D.%22%2Bb)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%7D%20%0D%0Areturn%20v%3B%20%0D%0A%7D)%3B%20%0D%0Ao.innerHTML%20%3D%20t%3B%20%0D%0Ax%20%3D%20o%3B%20%0D%0A%7D%20%0D%0Ap.style.display%3D'none'%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <div id="post"> <fieldset> <legend id="post_header">(<!--{id}-->)<a href='mailto:<!--{mail}-->'><!--{name}--></a>于<!--{time}-->发表：</legend> <h4 id="post_title"><!--{title}--></h4> <p id="post_content"><!--{content}--></p> </fieldset> </div> <button onclick="getMutliData()">获取多条数据(模拟ajax获取数据)</button> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程