如说我们在发送ajax后返回的JSON格式的字符串，那么我们要把这些数据放入HTML应该怎么办呢？
在现在的页面布局中，table的使用很少了，但是在展现列表等数据的时候还是会使用table，原因只因为table比div更方便，所以用 JS操作table也是经常使用的，好了，还是看代码，
ajax发送过程就不写了，这里的是ajax的onreadystatechange调用函数
假设我们这里的data = [{"username":"张三","age":"25"},{"username":"李四","age":"30"}]
Javascript 代码
- function show(){
- var data = ajax.responseText;//返回数据---JSON格式字符串
- data = data.replace(/^\s*/, "").replace(/\s*$/, "");//取出返回数据里面多 余的空值
- data = eval（'('+data+')'); //将JSON格式字符串转换为JSON对象
- var tab = document.getElementById("table_id");// 获取页面的table
- for(var i=0;i<data.length;i++){
- var newLine = tab.insertRow();//添加一行
- var newCell1 = newLine.insertCell();
- var newCell2 = newLine.insertCell();
- newCell1.innerHTML=data[i].username;
- newCell2.innerHTML=data[i].age;
- }
- }
function show(){ var data = ajax.responseText;//返回数据---JSON格式字符串 data = data.replace(/^\s*/, "").replace(/\s*$/, "");//取出返回数据里面多余的空值 data = eval（'('+data+')'); //将JSON格式字符串转换为JSON对象 var tab = document.getElementById("table_id");//获取页面的table for(var i=0;i<data.length;i++){ var newLine = tab.insertRow();//添加一行 var newCell1 = newLine.insertCell(); var newCell2 = newLine.insertCell(); newCell1.innerHTML=data[i].username; newCell2.innerHTML=data[i].age; } }
好了现在我们的数据就展现在前端HTML页面了！
