利用jquery實現Ajax並用json2.js對返回的json進行轉換操作

前端代碼

 

<script src="jquery-1.7.1.js" language="javascript" type="text/javascript"></script>
    <script src="JS/json2.js" language="javascript" type="text/javascript"></script>
    <script  language="javascript" type="text/javascript">
    $(document).ready(function()
    {
      $.post('Handler1.ashx',{name:'lijc',sex:'nan'},function(data){
      var jsonstr=JSON.stringify(data);//把object轉換成json字符串
      var jsonobj=JSON.parse(jsonstr);//把json字符串轉換成object
      jsonobj=$.parseJSON(jsonstr);//把json字符串轉換成object的另一種方式
      alert(jsonstr);
      $.each(data,function(key,item){
        alert(item.name);
      }
      );
      },'json');
});
</script>

 

 

后台一般處理程序

 

 string name1 = context.Request["name"].ToString();
            string sex = context.Request["sex"].ToString();
            product p = new product();
            p.id = 1;
            p.name = name1;
            p.price = 12.1;
            p.productinfor = "productinfor";
            p.date = DateTime.Now;
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            List<product> list = new List<product>();
            list.Add(p);
            p.productinfor = "infor1";
            list.Add(p);
            string json2 = serializer.Serialize(list);
            string json = serializer.Serialize(p);

            p = serializer.Deserialize<product>(json);
            list = serializer.Deserialize<List<product>>(json2);
          

            context.Response.Write(json2);

 

如果不是用json2.js 而是用<script src="JS/jquery.json-2.3.js" type="text/javascript"></script>

 

則object專程json字符串的函數還可以寫成$.toJSON(obj);

 

$.post("Handler1.ashx",{name:'name',sex:'nan'},function(data){
    var comment = {};
    comment.parentId = 1;
    comment.content = 'test';
    var a1=$.toJSON(comment);//object轉化成jsonstr
    alert(a1);
    var last=JSON.stringify(comment); //object轉化成jsonstr的另一種方式
    alert(last);
    var l=$.parseJSON(last);//jsonstr轉化成object的一種方式
    alert(l.content);
    alert(a1);
    var obj = JSON.parse(a1); //jsonstr轉化成object的另一種方式
    alert($.toJSON(data));
      var str=null;
      $.each(data,function(id,it){
       alert(it.name);
       str+='name:'+it.name+',price:'+it.price;
      });
      alert(str);
    },'json');