javascript 获取多条数据(模拟ajax获取数据)
2009-06-01 00:00
423 查看
guestbook demo
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';
}
()
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';
}
()
相关文章推荐
- javascript 获取多条数据(模拟ajax获取数据)
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- 原生js如何实现柱状图以及原生js柱状图结合ajax循环动态数据_JavaScript_柱状图(原生JavaScript做的柱状图)(03)_ajax获取数据
- Ajax获取XML数据--原生JavaScript实现
- [转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- 使用原生JavaScriptAjax以及jQuery的Ajax结合SpringMVC发送和获取json数据
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- ajax获取数据自动创建分页,支持自定义显示数据量以及分页数量
- 表单和ajax中的post请求&&后台获取数据方法
- ajax post data 获取不到数据
- 用PHP获取Google AJAX Search API 数据的代码
- ashx文件获取$.ajax()方法发送的数据
- struts2+ajax获取jason数据失败
- ajax 获取数据太慢,想写个加载中
- js中,for循环里面放ajax,ajax访问不到变量以及每次循环获取不到数据问题总结
- 类型:Ajax;问题:ajax调用ashx参数获取不到;结果:ashx文件获取$.ajax()方法发送的数据
- AJAX 跨域请求 - JSONP获取JSON数据
- AjaxPro.NET实现TextBox智能获取服务端数据功能(Asp.net 2.0)(示例代码下载) 转载