js + ajaxcap exploite l'objet json et boucle vers la table pour l'enregistrer

Cette fois, je vais vous apporter les précautions pour utiliser js+ajaxcap pour boucler l'objet json sur la table pour l'enregistrer, et js+ajaxcap pour boucler l'objet json sur la table pour l'enregistrer. est un cas pratique. Jetons un coup d'œil une fois.

L'exemple de cet article décrit la méthode de traitement par js+ajax de l'objet json renvoyé par l'arrière-plan java pour créer une table dans une boucle. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

//注：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=&#39;lib/images/loading.gif&#39;></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);
}

Objet JSON de stockage en arrière-plan Java :

/**
* 根据卡内码得到最近的租还车记录
* 返回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();
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, veuillez venir pour des informations plus intéressantes. Faites attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Ajax+mysq réalise la liste de liaison à trois niveaux des provinces et des municipalités

Explication détaillée des étapes pour Transmission Ajax des données Json et XML (Avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!