本文实例讲述了js+ajax处理java后台返回的json对象循环创建到表格的方法。分享给大家供大家参考，具体如下：
//注：lo是表格的id； 需要自己创建表头， n行，9列的表格； var tab_id; function varify(cardinno) { tab_id=document.getelementbyid(layer1); displayp(); tab_id.style.display=none; var url=getrefinfoservlet?cardinno=+cardinno; var myajax=new ajax.request(url,{method:'post', parameters:'0', onsuccess:dooncomplete, asynchronous:true}); } var dooncomplete=function(xml_httprequest){ var msg=eval(xml_httprequest.responsetext); var info=msg.length; var row; var col; if(info>0) { for(var i=0;i<info;i++){ row = l0.insertrow(l0.rows.length); row.insertcell(0).innerhtml =" "+msg[i].a; row.insertcell(1).innerhtml =" "+msg[i].b; row.insertcell(2).innerhtml =" "+msg[i].c; row.insertcell(3).innerhtml =" "+msg[i].d; row.insertcell(4).innerhtml =" "+msg[i].e; row.insertcell(5).innerhtml =" "+msg[i].f; row.insertcell(6).innerhtml =" "+msg[i].g; row.insertcell(7).innerhtml =" "+msg[i].h; row.insertcell(8).innerhtml =" "+msg[i].i; row.setattribute("align", "center"); } tab_id.style.display="block"; }else{ tab_id.innerhtml="<center>抱歉，该卡未开通，获取不到租还车信息！</center>; tab_id.style.width = 80%; tab_id.style.position = absolute;//绝对位置显示 tab_id.style.display=block; } removep(); } //遮罩层显示 displayp=function() { var mybg = document.createelement(p); mybg.setattribute(id,mybg); mybg.innerhtml=<center>正在处理中, 请稍候<img src='lib/images/loading.gif'></img></center>; mybg.style.width = 100%; mybg.style.position = absolute;//绝对位置显示 mybg.style.top = 260; mybg.style.left = 0; mybg.style.zindex = 100;//z轴位置 mybg.style.opacity = 0.8;//透明度 mybg.style.filter = alpha(opacity=80);//滤镜显示透明度 document.body.appendchild(mybg); } //遮罩层移除 removep=function() { document.body.removechild(mybg); }
java后台存入json对象：
/** * 根据卡内码得到最近的租还车记录 * 返回json对象 * @param cardinno * @return */ public string getrefinfo(string cardinno) { stringbuffer bf=new stringbuffer(1024); bf.append();//sql语句 system.out.println(bf.tostring()); /************ 存储json对象***************/ list<jsonobject> jsonlist=new arraylist<jsonobject>(); try { /****************获得判断信息存入数组中*******************/ string [][] str=getarraybyname(bf.tostring()); if(str!=null){ for (int i = 0; i < str[0].length; i++) { jsonobject returnvalue =new jsonobject(); returnvalue.put(a, str[0][i]) .put(b, str[1][i]) .put(c, str[2][i].trim().equals()?:str[2][i].substring(0, 19)) .put(d, str[3][i].trim().equals()?:str[3][i].substring(0, 19)) .put(e, str[4][i]) .put(f, str[5][i]) .put(g, str[6][i]) .put(h, str[7][i]) .put(i, str[8][i]); jsonlist.add(returnvalue); } } }catch (exception e) { e.printstacktrace(); } system.out.println(jsonlist.tostring()); return jsonlist.tostring(); }
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
ajax+mysq实现省市区三级联动列表
ajax传输json和xml数据步奏详解（附代码）
以上就是js+ajaxcap操作json对象循环到表格保存的详细内容。