侯体宗的博客
  • 首页
  • Hyperf版
  • beego仿版
  • 人生(杂谈)
  • 技术
  • 关于我
  • 更多分类
    • 文件下载
    • 文字修仙
    • 群聊
    • 九宫格抽奖
    • 拼图
    • 消消乐
    • 相册

js+ajax处理java后台返回的json对象循环创建到表格的方法

微信(小程序)  /  管理员 发布于 3年前   142

本文实例讲述了js+ajax处理java后台返回的json对象循环创建到表格的方法。分享给大家供大家参考,具体如下:

//注:LO是表格的id; 需要自己创建表头, 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 =" "+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(){  var mybg = document.createElement("div");  mybg.setAttribute("id","mybg");  mybg.innerHTML="<center>正在处理中, 请稍候<img src='//article/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对象* @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程序设计有所帮助。


  • 上一条:
    微信公众平台开发-微信服务器IP接口实例(含源码)
    下一条:
    微信公众平台开发――群发信息
  • 昵称:

    邮箱:

    0条评论 (评论内容有缓存机制,请悉知!)
    最新最热
    • 分类目录
    • 人生(杂谈)
    • 技术
    • linux
    • Java
    • php
    • 框架(架构)
    • 前端
    • ThinkPHP
    • 数据库
    • 微信(小程序)
    • Laravel
    • Redis
    • Docker
    • Go
    • swoole
    • Windows
    • Python
    • 苹果(mac/ios)
    • 相关文章
    • 小程序开发之跳转微信直播示例api(0个评论)
    • 在uni_app中开发小程序之常用功能示例代码汇总(0个评论)
    • 小程序开发之多端框架:taro(0个评论)
    • 微信小程序前端使用七牛云官方SDK上传七牛云代码示例(0个评论)
    • 百度小程序审核未通过,真机审核存在点击返回键退出小程序...解决方式之一tabBar(0个评论)
    • 近期文章
    • ChatGPT再出新功能,推出插件功能,能联网、搜索了(0个评论)
    • 在go语言中使用GoPDF包把html生成PDF文件示例(0个评论)
    • 在go语言中创建和解析(读取)符号链接示例(0个评论)
    • ubuntu 22.04系统中报错:Python 3.6 is no longer supported by the Python core team...解决方式(0个评论)
    • Laravel 10.4版本发布(0个评论)
    • mysql5.7中实现分区表及分区where in查询示例及分区分表对比浅析(0个评论)
    • nginx + vue配置实现同域名下不同路径访问不同项目(0个评论)
    • 在laravel框架中的5个HTTP客户端技巧分享(0个评论)
    • 在go语言中使用FFmpeg库实现PCM音频文件编码为mp3格式文件流程步骤(0个评论)
    • gopacket免安装Pcap实现驱动层流量抓包流程步骤(0个评论)
    • 近期评论
    • 博主 在

      2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..
    • xiaoB 在

      2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..
    • BUG4 在

      你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..
    • 博主 在

      go语言+beego框架中获取get,post请求的所有参数中评论 @ t1  直接在router.go文件中配就ok..
    • Jade 在

      如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
    • 2017-10
    • 2018-01
    • 2020-03
    • 2021-06
    • 2021-10
    • 2022-03
    • 2023-02
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客