


js+ajax processes the json object returned by the java background to create a table in a loop
This article mainly introduces the method of js ajax processing the json object returned by the java background to create a table in a loop, involving the javascript operation of the json object to dynamically create the table and the related skills of interacting with the background based on ajax. Friends who need it can refer to it
The example of this article describes the method of js ajax processing the json object returned by the java background to create a table in a loop. Share it with everyone for your reference, the details are as follows:
//注: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 background storage json object:
/** * 根据卡内码得到最近的租还车记录 * 返回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(); }
The above is what I compiled for everyone, I hope it will be helpful to everyone in the future.
Related articles:
MVC encounters ajax form validation after bootstrap
Write the example code of the map through the database and ajax method
The above is the detailed content of js+ajax processes the json object returned by the java background to create a table in a loop. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

In this article, we have kept the most asked Java Spring Interview Questions with their detailed answers. So that you can crack the interview.

Java 8 introduces the Stream API, providing a powerful and expressive way to process data collections. However, a common question when using Stream is: How to break or return from a forEach operation? Traditional loops allow for early interruption or return, but Stream's forEach method does not directly support this method. This article will explain the reasons and explore alternative methods for implementing premature termination in Stream processing systems. Further reading: Java Stream API improvements Understand Stream forEach The forEach method is a terminal operation that performs one operation on each element in the Stream. Its design intention is

Guide to TimeStamp to Date in Java. Here we also discuss the introduction and how to convert timestamp to date in java along with examples.

Capsules are three-dimensional geometric figures, composed of a cylinder and a hemisphere at both ends. The volume of the capsule can be calculated by adding the volume of the cylinder and the volume of the hemisphere at both ends. This tutorial will discuss how to calculate the volume of a given capsule in Java using different methods. Capsule volume formula The formula for capsule volume is as follows: Capsule volume = Cylindrical volume Volume Two hemisphere volume in, r: The radius of the hemisphere. h: The height of the cylinder (excluding the hemisphere). Example 1 enter Radius = 5 units Height = 10 units Output Volume = 1570.8 cubic units explain Calculate volume using formula: Volume = π × r2 × h (4

PHP and Python each have their own advantages, and the choice should be based on project requirements. 1.PHP is suitable for web development, with simple syntax and high execution efficiency. 2. Python is suitable for data science and machine learning, with concise syntax and rich libraries.

PHP is a scripting language widely used on the server side, especially suitable for web development. 1.PHP can embed HTML, process HTTP requests and responses, and supports a variety of databases. 2.PHP is used to generate dynamic web content, process form data, access databases, etc., with strong community support and open source resources. 3. PHP is an interpreted language, and the execution process includes lexical analysis, grammatical analysis, compilation and execution. 4.PHP can be combined with MySQL for advanced applications such as user registration systems. 5. When debugging PHP, you can use functions such as error_reporting() and var_dump(). 6. Optimize PHP code to use caching mechanisms, optimize database queries and use built-in functions. 7

Java is a popular programming language that can be learned by both beginners and experienced developers. This tutorial starts with basic concepts and progresses through advanced topics. After installing the Java Development Kit, you can practice programming by creating a simple "Hello, World!" program. After you understand the code, use the command prompt to compile and run the program, and "Hello, World!" will be output on the console. Learning Java starts your programming journey, and as your mastery deepens, you can create more complex applications.

Spring Boot simplifies the creation of robust, scalable, and production-ready Java applications, revolutionizing Java development. Its "convention over configuration" approach, inherent to the Spring ecosystem, minimizes manual setup, allo
