????? 早就聽說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/? 也有比較詳細的介紹

轉載于:https://www.cnblogs.com/zzxbest/archive/2010/05/25/1743800.html

總結

以上是生活随笔為你收集整理的JQuery + Json 练习随笔的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。