这里介绍一下使用each来循环输出jquery返回的json字符串。 假设:服务器端程序2.asp生成json字符串的代码如下: view sourceprint? 1 <%@ codepage=65001%> 2 <% 3 response.Charset="utf-8" 4 flg=request("flg") 5 if flg=0 then status=0 else status=1 6 str="{""status"":"&status&",""postPrice"":[{""Productid"":1,""Productname"": ""手机"",""Price"":25.5,""num"": 1000,""url"":"" http://www.baidu.com""},{""Productid"":2,""Productname"": ""相机"",""Price"":75,""num"": 2000,""url"":"" http://www.aspbc.com""}]}" 7 response.write str 03 <head> 04 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 05 <title>each循环输出jquery返回的json字符串</title> 06 <style type="text/css"> 07 ol{ border:1px solid #ccc; margin-bottom:10px; padding-top:10px; padding-bottom:15px;padding-right:40px; } 08 ol li{ border-bottom:1px dotted #ccc; padding-left:5px; line-height:20px; height:20px; } 09 </style> 11 <script type="text/javascript"> 12 $(document).ready(function(){ 13 $.getJSON("2.asp",{flg: 1, t: Math.random()}, 14 function(json){ 15 var status=json.status; 16 if(status==0) 17 { 18 alert('出错'); 19 } 20 else 21 { 22 var str=''; 23 $.each(json.postPrice,function(i){ 24 m=json.postPrice[i]; 25 str+='<ol> '; 26 str+='<li>产品ID:'+m.Productid+'</li>'; 27 str+='<li>产品名称:'+m.Productname+'</li>'; 28 str+='<li>价格:'+m.Price+'元</li>'; 29 str+='<li>数量:'+m.num+'</li>'; 30 str+='<li>网址:'+m.url+'</url>'; 31 str+='</ol>'; 32 } 33 ); 34 $("#div1").html(str); 35 } 36 } 37 ); 38 }); 39 </script> 40 </head> 41 42 <body> 43 <div id="div1"> 44 </div> 45 </body> 46 </html> (鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助) 运行一下这个html文件,看看效果,是不是得到了json字符串了。 |