JQuery + Json 练习随笔

      早就听说JQuery Ajax的方便快捷以及Json优秀的数据交换，今天有空尝试了一下，菜鸟了一番。对初步的使用也算是有个比较抽象的理解吧。记录之备忘！

     json简介： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

     测试代码如下：      

<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>   
    <script type="text/javascript"> 
      $(function(){
             $.ajax({
                url:"handler/Getdata.ashx",
                type:"GET",
                dataType:"json",
               success:function(json){    
               
                  $.each(json,function(i){
                     alert(json[i].name);
                  });       
                                  
             },
             error:function(){
             
            }
       }          
      );         
      });
    </script>

 

      getdata.ashx页面处理json代码如下：

       

using System;
using System.Web;

public class Getdata : IHttpHandler {    
    public void ProcessRequest (HttpContext context) {      
        String json = "[{\"name\":\"beyond\",\"age\":\"23\",\"company\":\"DYJ\",\"like\":\"read and pingpan\"},{\"name\":\"beyond111\",\"age\":\"24\",\"company\":\"DYJ111\",\"like\":\"read and pingpan\"}]";
        context.Response.Write(json);
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}

 

     运行默认起始页，弹出显示"beyond".调取json格式数据确实还是挺方便的。这里的json格式数据只是方便测试而拼接的字符串，在实际需求中可以根据具体的业务生成对应的json格式数据。

     另：json资料在https://www.ibm.com/developerworks/cn/web/wa-lo-json/  也有比较详细的介绍