js+ajax处理java后台返回的json对象循环创建到表格的方法
本文实例讲述了js+ajax处理java后台返回的json对象循环创建到表格的方法。分享给大家供大家参考，具体如下：
//注：LO是表格的id；需要自己创建表头，n行，9列的表格；
vartab_id;
functionvarify(cardinno){
tab_id=document.getElementById("Layer1");
displayDiv();
tab_id.style.display="none";
varurl="getRefInfoServlet?cardInNo="+cardinno;
varmyAjax=newAjax.Request(url,{method:'post',parameters:'0',onSuccess:doOnComplete,asynchronous:true});
}
vardoOnComplete=function(xml_httpRequest){
varmsg=eval(xml_httpRequest.responseText);
varinfo=msg.length;
varrow;
varcol;
if(info>0)
{
for(vari=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";
}
removeDiv();
}
//遮罩层显示
displayDiv=function()
{
varmybg=document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.innerHTML="<center>正在处理中,请稍候<imgsrc='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);
}
//遮罩层移除
removeDiv=function()
{
document.body.removeChild(mybg);
}
java后台存入json对象：
/**
*根据卡内码得到最近的租还车记录
*返回json对象
*@paramcardInNo
*@return
*/
publicStringgetRefInfo(StringcardInNo)
{
StringBufferbf=newStringBuffer(1024);
bf.append("");//sql语句
System.out.println(bf.toString());
/************存储json对象***************/
List<JSONObject>jsonList=newArrayList<JSONObject>();
try{
/****************获得判断信息存入数组中*******************/
String[][]str=getArrayByName(bf.toString());
if(str!=null){
for(inti=0;i<str[0].length;i++){
JSONObjectreturnValue=newJSONObject();
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(Exceptione){
e.printStackTrace();
}
System.out.println(jsonList.toString());
returnjsonList.toString();
}
希望本文所述对大家ajax程序设计有所帮助。