,感覺不錯,學習并記錄下來原稿地址http://www.blogjava.net/emu/archive/2007/05/14/117416.html異步json例子的數據為異步json例子functiontest(){vars=document.createElement("SCRIPT" />

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

JSON學習(二)

系統 1631 0

在看了blogjava看了 emu 的一篇< 異步json例子 >, 感覺不錯, 學習并記錄下來

原稿地址 http://www.blogjava.net/emu/archive/2007/05/14/117416.html

異步json例子 的數據為

  1. < HTML > ??
  2. < HEAD > ??
  3. < title > 異步json例子 </ title > ??
  4. < SCRIPT ? LANGUAGE = "JavaScript" > ??
  5. function?test(){ ??
  6. ????var? s ?=? document .createElement("SCRIPT"); ??
  7. ????document.getElementsByTagName("HEAD")[0].appendChild(s); ??
  8. ???? s.src = "http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456" ; ??
  9. } ??
  10. function?visitCountCallBack(data){ ??
  11. ????for(var?i?in?data){ ??
  12. ????????var? e ?= document .getElementById(i); ??
  13. ????????if(e)? e.innerHTML = data [i]; ??
  14. ????} ??
  15. ??
  16. } ??
  17. </ SCRIPT > ??
  18. </ HEAD > ??
  19. < BODY > ??
  20. < button ? onclick = "test()" > test </ button > < BR > ??
  21. 歷史訪問人數: < span ? id = "visitcount" ? style = "color:#6600CC" > 點擊test按鈕獲取數據 </ span > < BR > ??
  22. 今天訪問人數: < span ? id = "dayvisit" ? style = "color:#CC6633" > 點擊test按鈕獲取數據 </ span > < BR > ??
  23. 陽光指數: < span ? id = "sun" ? style = "color:red" > 點擊test按鈕獲取數據 </ span > < BR > ??
  24. 愛心指數: < span ? id = "love" ? style = "color:violet" > 點擊test按鈕獲取數據 </ span > < BR > ??
  25. 雨露指數: < span ? id = "rain" ? style = "color:blue" > 點擊test按鈕獲取數據 </ span > < BR > ??
  26. 營養指數: < span ? id = "nutri" ? style = "color:green" > 點擊test按鈕獲取數據 </ span > < BR > ??
  27. 花匠級別: < span ? id = "gardener" ? style = "color:#996633" > 點擊test按鈕獲取數據 </ span > ??
  28. </ BODY > ??
  29. </ HTML > ??

其中請求的 http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456 返回

  1. visitCountCallBack ??
  2. ( ??
  3. ??{ ??
  4. ???? "visitcount" :49036012, ??
  5. ???? "dayvisit" :3144, ??
  6. ???? "spacemark" :0, ??
  7. ???? "markchange" :0, ??
  8. ???? "sun" :416, ??
  9. ???? "love" :402, ??
  10. ???? "rain" :416, ??
  11. ???? "nutri" :404, ??
  12. ???? "level" :5, ??
  13. ???? "gardener" :1 ??
  14. ??} ??
  15. );??

相比xml,json的好處是:天生的跨瀏覽器(比如我的這個demo應該可以跨所有支持dhtml的瀏覽器而不需要任何修改),客戶端解析代價(CPU和內存)非常小,非單根結構(xml是單根結構),標記名只出現一次(xml的標記名在大多數情況下都需要出現兩次:<tag>...</tag>,因此浪費了很多流量)
主要缺點是只支持get方式請求,另外跨編碼(json資源的編碼和引用頁面的編碼不同)的時候要做一些特殊處理。比如漢字可以預先escape。
此外很多人并不知道json可以異步獲取,這個例子很重要的一點是展示了如何異步獲取json。

感謝 http://www.blogjava.net/emu/ ?分享

JSON學習(二)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 色狠狠成人综合色 | 91青青青国产在观免费影视 | 精品国产品国语在线不卡丶 | 亚洲毛片免费在线观看 | 国产乱码精品一区二区三区卡 | 欧美精品国产日韩综合在线 | 久久综合五月天 | 亚洲在线一区二区 | 中文字幕视频不卡 | 欧美一区二区三区成人看不卡 | www国产精品 | 在线观看一区二区精品视频 | 欧美日韩精品一区二区三区四区 | 国内夫妇精品对白在线播放 | 久久免费视频6 | 国产精品免费精品自在线观看 | 一级一毛片 | 国产精品亚洲一区二区在线观看 | 免费国产成人高清在线观看麻豆 | 尤物视频国产 | 成人18免费网 | 国产成人精品日本亚洲直接 | 超级97碰碰碰碰久久久久最新 | 国产免费成人在线视频 | 狠狠艹| 日本一级~片免费永久 | 亚洲精品久久久午夜伊人 | 久久成人激情视频 | 国内精品不卡一区二区三区 | 99热这里只有精品在线播放 | 在线看欧美三级中文经典 | 久久久日韩精品国产成人 | 色偷偷在线刺激免费视频 | 日本吻胸抓胸激烈视频网站 | 四虎最新网址在线观看 | 精品久久久久久 | 精品亚洲视频在线观看 | 久久99精品一久久久久久 | 日日摸夜夜添夜夜添影院视频 | 香蕉人精品视频多人免费永久视频 | 欧日韩一区二区三区 |