一段完整的用jquery遍历json并显示到table中的客户端代码
来源:互联网 发布:业余足球平台软件 编辑:程序博客网 时间:2024/06/14 05:53
本段代码没有采用jquery传统的写法,因为那样写大括号包小括号,小括号又包大括号实在眼花,所以我把所有函数都分开写了。
本段代码json数据(data表示的数据)是从服务端servlet中取得,如果要在客户端独立运行该段代码,请用自的json数据代替data并在按钮的onclick事件中直接调用myshowJson函数
本段代码json数据(data表示的数据)是从服务端servlet中取得,如果要在客户端独立运行该段代码,请用自的json数据代替data并在按钮的onclick事件中直接调用myshowJson函数
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>Insert title here</title>
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
- <script type="text/javascript" >
- function myshowJson(data,status){
- strHtml="<table border=1 width=642 height=50> ";
- strHtml=strHtml+mydg(data,strHtml);
- strHtml=strHtml+"</table> ";
- alert(strHtml);
- $("#myjsonData").html(strHtml);
- }
-
- function mydg (data,strHtmlkk){
- var strHtml=strHtmlkk;
- for(cc in data){
- if(typeof(data[cc])=='object'){
- strHtml=strHtml+"<tr> ";
- strHtml=strHtml+"<td>"+cc+"</td>";
- strHtml=strHtml+"<td>"+data[cc]+"</td>";
- strHtml=strHtml+"</tr> ";
- strHtml=arguments.callee(data[cc],strHtml);
- }else{
- strHtml=strHtml+"<tr> ";
- strHtml=strHtml+"<td>"+cc+"</td>";
- strHtml=strHtml+"<td>"+data[cc]+"</td>";
- strHtml=strHtml+"</tr> ";
- }
- }
- return strHtml;
- }
- function mygetJson (){
- $.post("./servlet/TestTemp",{userName:"cccc",password:"ppppp"},function(data,status){myshowJson(data,status);},"json");
- };
- function myregisterCmd(){
- $("#cmdLogin").click( mygetJson);
- alert("registerCmd");
- };
-
- $(document).ready(myregisterCmd);
- </script>
- </head>
- <body>
- <input type="button" id="cmdLogin" value="testestestest">
- <div id="msg"></div>
- <div id="myjsonData"></div>
- </body>
- </html>
- ---------------------------------------------------------------------------------------------------------
- $(function () {
//------------遍历对象 .each的使用-------------
//对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
var obj = [{ "name": "项海军", "password": "123456"}];
alert(obj); //是个object元素
//下面使用each进行遍历
$.each(obj, function (n, value) {
alert(n + ' ' + value);
var trs = "";
trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
});
});
jquery遍历解析json对象1:
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+’:'+json[i][key]);
}
}
jquery遍历解析json对象2
有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
str = str+obj[p]+’,’;
return str;
}
0 0
- 一段完整的用jquery遍历json并显示到table中的客户端代码
- jQuery通过ajax请求php遍历json数组到table中代码(推荐)的相关资料
- 一段写的很完整的Socket 客户端代码
- 题型:编写一段JS代码提取URL中的各个GET参数,并按Key_Value的形式返回到一个对象中(如:Json结构)
- JQuery 遍历web中的Table并对其进行操作
- Ajax返回的json遍历取值并显示到前台
- 复选框选中table一行的数据,并组成JSON数组对象传递到后台,在后台解析遍历
- jquery 遍历table中的超链接
- jquery遍历从后台传过来的实体类list数组,并显示到jsp页面
- jQuery遍历table并操作元素
- jQuery遍历table中的tr td并获取td中的值
- 一段有用的jquery代码
- 可能用到的jquery遍历json的代码
- JQuery操作Json循环插入到Table
- 一段遍历寻找控件的代码
- CCocos2Dx 一段遍历子节点的代码
- 一段序列化成JSON格式的代码
- 分享一段JS格式化JSON的代码
- android TextView不用ScrollViewe也可以滚动的方法
- Cocos2d-x 中Android.mk自动生成.cpp与.c类路径
- 二进制运算之sg笔试题
- Protocol Buffers
- Ruby, unique hashes in array based on multiple fields
- 一段完整的用jquery遍历json并显示到table中的客户端代码
- 开源项目
- 条件随机场(CRF)
- Java关于空字符串的正确判断
- Linux slab 分配器剖析
- xxs攻击
- 关于Oracle数据库删除、查询(二)
- Hadoop 高级程序设计(三)---自定义Partition和Combiner
- 服务器乱码