javascript对于多项数据的请求和处理过程中,如何实现常常困扰很多程序员,如何进行动态编辑和删除而不影响其他的数据项,今天介绍一种方法,可供借鉴,例如通过xmlrequest请求到如下数据:
复制代码 代码如下:
{ table:
[
{ id: 3, type: x,
content: 党的十八大报告指出,我国人民民主的重要形式是什么?,
akey: 基层民主政治制度, bkey: 人民代表大会制度,
ckey: 多党合作制度, dkey: null, num: 3 },
{ id: 2, type: x, content: 藏羚羊是国家一级保护动物是()特有动物,
akey: 青藏高原, bkey: 新疆,
ckey: 青海, dkey: null, num: 2 },
{ id: 1, type: x, content: 保护野生动物有很多意义,不属于其意义的是,
akey: 环境效应, bkey: 文化价值,
ckey: 观赏价值, dkey: null, num: 1 }
]
}
如何对在html中他们进行显示,并实现编辑和删除工作,这里面涉及的json解析和数据分层显示:
html显示标签:
javascript解析数据并显示:
复制代码 代码如下:
var response = xmlhttp.responsetext;
eval(var result = + response);
var len = result.table.length;
if (len > 0) {
var msg = ;
for (var i = 0; i msg += + result.table[i].content + ;
msg += + result.table[i].akey + ;
msg += + result.table[i].bkey + ;
msg += + result.table[i].ckey + ;
msg += + result.table[i].dkey + ;
msg += 编辑;
msg += 删除;
msg += ;
}
document.getelementbyid(msg).innerhtml = msg;
}
通过editsub(id)和delete(id) 函数可以多每条数据进行处理,实现类似于listbox的功能。