本段代码没有采用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;
}