1,遍历JSON
    2,JSON.parse()和eval()
    3,JSON.stringify()

    页面:

    1. <!DOCTYPE html>
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    5. <title></title>
    6. /* 引入Jquery库文件*/
    7. 〈script type="text/javascript" src="/Script/jquery-1.10.2.min.js"></script>
    8. <script type="text/javascript">
    9. $(function(){
    10. //创建JSON对象
    11. $("#EachJson").click(function(){
    12. var jsonObject = [
    13. {
    14. "id":1,"Name":"Rotu"
    15. },
    16. {
    17. "id":2,"Name":"Jack"
    18. }
    19. ];
    20. //遍历JSON对象 index是索引,obj是迭代出来的对象
    21. $.each(json,function(index,obj){
    22. alert(index+"-----"+obj.id+"------"+obj.Name);
    23. });
    24. //将JSON对象转换成为JSON字符串
    25. var jsonString = JSON.stringify(json);
    26. //把JSON字符串转换成为JSON对象
    27. var jsonObject1 = JSON.parse(jsonString);
    28. //把JSON字符串转换成为JSON对象
    29. var jsonObject2 = eval("("+jsonObject1+")");
    30. });
    31. })
    32. </script>
    33. </head>
    34. <body>
    35. <button id="EachJson">解析JSON</button>
    36. </body>
    37. </html>
    38. 备注:遍历JSON数据的时候可以使用for语句和each语句,
    39. 将JSON字符串转换成为JSON对象使用:JSON.parse()和eval()两个方法
    40. 将JSON对象转换成为JSON对象使用:JSON.stringify()

    通过Ajax请求服务端获取JSON数据,解析JSON
    页面:

    1. <!DOCTYPE html>
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    5. <title></title>
    6. /* 引入Jquery库文件*/
    7. 〈script type="text/javascript" src="/Script/jquery-1.10.2.min.js"></script>
    8. <script type="text/javascript">
    9. $(function(){
    10. //创建JSON对象
    11. $("#EachJson").click(function(){
    12. $.ajax({
    13. url:"/ashx/Reposne.ashx",
    14. type:"GET",
    15. dataType:"JSON",
    16. success:function(data)
    17. {
    18. $.each(data,function(index,obj){
    19. alert(obj.StudentId+"---"+obj.StudentName);
    20. })
    21. }
    22. });
    23. });
    24. })
    25. </script>
    26. </head>
    27. <body>
    28. <button id="EachJson">解析JSON</button>
    29. </body>
    30. </html>

    服务端:(一般处理程序)

    1. public class DealWithRequest:IHttpHandler
    2. {
    3. public void ProcessRequest(HttpContext context)
    4. {
    5. context.Response.ContentType="text/plain";
    6. context.Response.Write(new JavaScriptSerializer().Serialize(new List<Student>(){
    7. new Student(){StudentId="001",StudentName="Rotu"},
    8. new Student(){StudentId="002",StudentName="Andy"},
    9. }));
    10. }
    11. }
    12. ///构建实体
    13. public class Student
    14. {
    15. public string StudentNo{get;set;}
    16. public string StudentName{get;set;}
    17. }