Chinaunix首页 | 论坛 | 博客
  • 博客访问: 842969
  • 博文数量: 146
  • 博客积分: 3444
  • 博客等级: 中校
  • 技术积分: 1602
  • 用 户 组: 普通用户
  • 注册时间: 2009-01-21 15:18
文章分类

全部博文(146)

文章存档

2014年(9)

2013年(3)

2012年(6)

2011年(44)

2010年(38)

2009年(46)

分类: jQuery

2014-03-06 20:39:59

本段代码没有采用jquery传统的写法,因为那样写大括号包小括号,小括号又包大括号实在眼花,所以我把所有函数都分开写了。
本段代码json数据(data表示的数据)是从服务端servlet中取得,如果要在客户端独立运行该段代码,请用自的json数据代替data并在按钮的onclick事件中直接调用myshowJson函数

点击(此处)折叠或打开

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Insert title here</title>
  6.     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  7.     <script type="text/javascript" >

  8.     function myshowJson(data,status){
  9.          strHtml=" ";
  10.          strHtml=strHtml+mydg(data,strHtml);
  11.           strHtml=strHtml+"
  12. "
    ;
  13.           alert(strHtml);
  14.              $("#myjsonData").html(strHtml);    
  15.     }
  16.     
  17.     function mydg (data,strHtmlkk){
  18.             var strHtml=strHtmlkk;

  19.            for(cc in data){
  20.              if(typeof(data[cc])=='object'){
  21.               strHtml=strHtml+" ";
  22.                 strHtml=strHtml+""+cc+"";
  23.                 strHtml=strHtml+""+data[cc]+"";
  24.               strHtml=strHtml+" ";
  25.                   strHtml=arguments.callee(data[cc],strHtml);         
  26.              }else{
  27.                   strHtml=strHtml+" ";
  28.                 strHtml=strHtml+""+cc+"";
  29.               strHtml=strHtml+""+data[cc]+"";
  30.                   strHtml=strHtml+" ";
  31.                  }
  32.             }
  33.             return strHtml;
  34. }

  35.         function mygetJson (){

  36.                 $.post("./servlet/TestTemp",{userName:"cccc",password:"ppppp"},function(data,status){myshowJson(data,status);},"json");

  37.         };    
  38.    function myregisterCmd(){
  39.          $("#cmdLogin").click( mygetJson);
  40.          alert("registerCmd");
  41.     };
  42.     
  43.     $(document).ready(myregisterCmd);

  44.     </script>
  45. </head>
  46. <body>

  47. <input type="button" id="cmdLogin" value="testestestest">
  48. <div id="msg"></div>
  49. <div id="myjsonData"></div>

  50. </body>
  51. </html>

阅读(10567) | 评论(0) | 转发(1) |
给主人留下些什么吧!~~