1.调用方式
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script> $(function(){ $.ajax({ url:"bookAction", //请求地址 type:"post", //设置post提交 success:function(data){ //(1)将收到的Json字符串转换成数组对象 var bookArray = eval("("+data+")"); //(2)拼接字符串 var str ="<tr><td>bookid</td><td>bookname</td><td>pinyin</td><td>goryid</td><td>author</td><td>price</td><td>image</td><td>publishing</td><td>bdesc</td><td>state</td><td>tetime</td><td>volume</td>" //遍历bookArray $.each(bookArray,function(index,element){ str = str + "<tr><td>"+element.bookid+"</td><td>"+element.bookname+"</td><td>"+element.pinyin+"</td><td>"+element.goryid+"</td><td>"+element.author+"</td><td>"+element.price+"</td><td>"+element.image+"</td><td>"+element.publishing+"</td><td>"+element.bdesc+"</td><td>"+element.state+"</td><td>"+element.tetime+"</td><td>"+element.volume+"</td>" }); //(3)将拼接好的html字符串放到指定的元素中 $('#tab1').html(str); //$("table").bgcolor(); }, dateType:"text" }); }); </script> </head> <body> <table width="100%" border="1" id="tab1"> </table> </body> </html>
1.2 JQuery的俩种调用方式
$.get(servlet,data,callback);
$.post(servlet,data,callback);
2.重点是怎样将集合转换成JSON格式 ，怎样将JSON字符串转换成数组对象。
（1）将集合转JSON
//将集合转换成JSON格式 ObjectMapper om = new ObjectMapper(); String bookJson = om.writeValueAsString(bookList);
（2）将数据响应到前端
//ajax流程：响应到前端 PrintWriter out = resp.getWriter(); out.write(bookJson); out.flush(); out.close();
（3）将JSON字符串转数组对象
//(1)将收到的Json字符串转换成数组对象 var bookArray = eval("("+data+")");
3.XML代码拼接，遍历循环
//(2)拼接字符串 var str ="<tr><td>bookid</td><td>bookname</td><td>pinyin</td><td>goryid</td><td>author</td><td>price</td><td>image</td><td>publishing</td><td>bdesc</td><td>state</td><td>tetime</td><td>volume</td>" //遍历bookArray $.each(bookArray,function(index,element){ str = str + "<tr><td>"+element.bookid+"</td><td>"+element.bookname+"</td><td>"+element.pinyin+"</td><td>"+element.goryid+"</td><td>"+element.author+"</td><td>"+element.price+"</td><td>"+element.image+"</td><td>"+element.publishing+"</td><td>"+element.bdesc+"</td><td>"+element.state+"</td><td>"+element.tetime+"</td><td>"+element.volume+"</td>" }); //(3)将拼接好的html字符串放到指定的元素中 $('#tab1').html(str); },
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- iOS 13 Data Source 新特性：基于 Diffable 实现局部刷新
- 全局变量，静态全局变量，局部变量，静态局部变量
- CSS局部变量
- Java并发 -- 局部变量
- 移动端 - 局部滚动
- golang方法返回局部变量指针
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Docker——容器与容器云（第2版）
浙江大学SEL实验室 / 人民邮电出版社 / 2016-10 / 89.00元
本书根据Docker 1.10版和Kubernetes 1.2版对第1版进行了全面更新，从实践者的角度出发，以Docker和Kubernetes为重点，沿着“基本用法介绍”到“核心原理解读”到“高级实践技巧”的思路，一本书讲透当前主流的容器和容器云技术，有助于读者在实际场景中利用Docker容器和容器云解决问题并启发新的思考。全书包括两部分，第一部分深入解读Docker容器技术，包括Docker架......一起来看看 《Docker——容器与容器云（第2版）》 这本书的介绍吧!
