欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js+ajax處理java后臺(tái)返回的json對象循環(huán)創(chuàng)建到表格的方法

 更新時(shí)間:2016年08月23日 09:18:44   作者:xiangqian0505  
這篇文章主要介紹了js+ajax處理java后臺(tái)返回的json對象循環(huán)創(chuàng)建到表格的方法,涉及javascript操作json對象動(dòng)態(tài)創(chuàng)建表格以及基于ajax與后臺(tái)交互的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了js+ajax處理java后臺(tái)返回的json對象循環(huán)創(chuàng)建到表格的方法。分享給大家供大家參考,具體如下:

//注:LO是表格的id; 需要自己創(chuàng)建表頭, n行,9列的表格;
var tab_id;
function varify(cardinno) {
tab_id=document.getElementById("Layer1");
displayDiv();
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 ="&nbsp;"+msg[i].a;
row.insertCell(1).innerHTML ="&nbsp;"+msg[i].b;
row.insertCell(2).innerHTML ="&nbsp;"+msg[i].c;
row.insertCell(3).innerHTML ="&nbsp;"+msg[i].d;
row.insertCell(4).innerHTML ="&nbsp;"+msg[i].e;
row.insertCell(5).innerHTML ="&nbsp;"+msg[i].f;
row.insertCell(6).innerHTML ="&nbsp;"+msg[i].g;
row.insertCell(7).innerHTML ="&nbsp;"+msg[i].h;
row.insertCell(8).innerHTML ="&nbsp;"+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()
{
  var mybg = document.createElement("div");
  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);
}
//遮罩層移除
removeDiv=function()
{
document.body.removeChild(mybg);
}

java后臺(tái)存入json對象:

/**
* 根據(jù)卡內(nèi)碼得到最近的租還車記錄
* 返回json對象
* @param cardInNo
* @return
*/
public String getRefInfo(String cardInNo)
{
StringBuffer bf=new StringBuffer(1024);
bf.append("");//sql語句
System.out.println(bf.toString());
/************ 存儲(chǔ)json對象***************/
List<JSONObject> jsonList=new ArrayList<JSONObject>();
    try {
    /****************獲得判斷信息存入數(shù)組中*******************/
    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程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • jquery的ajax同步和異步的理解及示例

    jquery的ajax同步和異步的理解及示例

    最近的項(xiàng)目用了到AJAX同步。這個(gè)同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時(shí)候會(huì)把頁面里所有的代碼停止加載
    2014-04-04
  • AJAX 緩存問題的兩種解決方法(IE)

    AJAX 緩存問題的兩種解決方法(IE)

    ajax 清除緩存的兩種方法
    2007-10-10
  • 淺析JSONP解決Ajax跨域訪問問題的思路詳解

    淺析JSONP解決Ajax跨域訪問問題的思路詳解

    JSONP是一種使用JSON數(shù)據(jù)的方式,返回的不是JSON對象,是包含JSON對象的javaScript腳本。接下來通過本文給大家介紹jsonp解決ajax跨域訪問問題的思路,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看下吧
    2016-05-05
  • Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)詳解

    Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)詳解

    這篇文章主要給大家介紹了關(guān)于利用Ajax與php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
    2017-07-07
  • Ajax 通過城市名獲取數(shù)據(jù)(全國天氣預(yù)報(bào)API)

    Ajax 通過城市名獲取數(shù)據(jù)(全國天氣預(yù)報(bào)API)

    本文給大家分享全國天氣預(yù)報(bào)API Ajax 通過城市名獲取數(shù)據(jù),通過html和js兩部分代碼實(shí)現(xiàn)天氣預(yù)報(bào)效果,輸入城市就會(huì)出現(xiàn)天氣情況,效果非常棒,感興趣的朋友可以參考下
    2016-11-11
  • 自己動(dòng)手封裝的 ajax

    自己動(dòng)手封裝的 ajax

    過完年后項(xiàng)目開發(fā)比較緊張,好長時(shí)間沒寫文章了。好在項(xiàng)目進(jìn)入測試實(shí)施后期,可以有時(shí)間總結(jié)一些自己最近項(xiàng)目的心得了。自從提出WEB2.0富客戶以后AJAX技術(shù)現(xiàn)在是越來越流行,有待代替CS桌面程序之勢。
    2009-07-07
  • ajax實(shí)現(xiàn)提交時(shí)校驗(yàn)表單方法

    ajax實(shí)現(xiàn)提交時(shí)校驗(yàn)表單方法

    這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)提交時(shí)校驗(yàn)表單方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • 原生ajax調(diào)用數(shù)據(jù)實(shí)例講解

    原生ajax調(diào)用數(shù)據(jù)實(shí)例講解

    這篇文章主要向大家介紹了原生ajax調(diào)用數(shù)據(jù)實(shí)例,具有一定的參考價(jià)值,感興趣的朋友可以參考一下
    2016-01-01
  • ajax 緩存 問題 requestheader

    ajax 緩存 問題 requestheader

    在web開發(fā)的時(shí)候經(jīng)常需要用到ajax,但是有些問題往往會(huì)被忽略,如果提交后需要在服務(wù)端做一些后臺(tái)操作的話因?yàn)闉g覽器默認(rèn)狀態(tài)下有緩存的原因,可能頁面上的信息還是正確的,但是后臺(tái)的邏輯代碼卻沒有真正的更新。
    2010-02-02
  • 深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫

    深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫

    jQuery.AjaxFileUpload.js是一款jQuery插件,用于通過ajax上傳文件。本文給大家介紹AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫,對此感興趣的朋友一起學(xué)習(xí)吧
    2016-04-04

最新評論