成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery解析json數據實例分析
全站頭部文字 我要出現在這里
jQuery解析json數據實例分析 655 2024-03-20   

本文實例分析了jQuery解析json數據的方法。分享給大家供大家參考,具體如下:

先來看看我們的Json數據格式:

[
{id:01,name:"小白",old:29,sex:"男"},
{id:02,name:"小藍",old:29,sex:"男"},
{id:03,name:"小雅",old:29,sex:"男"}
]

為了消除亂碼問題,我們設置一個過濾器(代碼片段)

public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
    req.setCharacterEncoding("UTF-8");
    resp.setCharacterEncoding("UTF-8");
    resp.setContentType("text/html;charset=UTF-8");
    chain.doFilter(req, resp);
}

服務端我用Servlet生成json數據(代碼片段)。

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    PrintWriter out = response.getWriter(); //過濾器已經做過編碼轉化了。 resp.setContentType("text/html;charset=UTF-8");
    StringBuffer sb = new StringBuffer();
    sb.append("[{id:01,name:"小白",old:29,sex:"男"},");
    sb.append("{id:02,name:"小藍",old:29,sex:"男"},");
    sb.append("{id:03,name:"小雅",old:29,sex:"男"}]");
    out.print(sb);
}

頁面端JQuery代碼:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>json學習</title>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <script type="text/javascript" src="http://www.gimoo.net/t/1904/jslib/jquery.js" charset="UTF-8"></script>
  <script type="text/javascript" charset="UTF-8">
    $(document).ready(function() {
      var select = $("#select");
      $.get("json.do", null, function(data) {
        var jsonData = eval(data);//接收到的數據轉化為JQuery對象,由JQuery為我們處理
        $.each(jsonData, function(index, objVal) { //遍歷對象數組,index是數組的索引號,objVal是遍歷的一個對象。
          //val["屬性"]可取到對應的屬性值。
          $("<option>").attr("value", objVal["id"]).html(objVal["name"]).appendTo(select);
        });
      });
    });
  </script>
</head>
<body>
<select id="select"></select>
</body>
</html>

之前為了省事,我層把json數據寫到json.txt,json.jsp中,不用Servlet封裝,可是后來我用Firebug調試了一下

查看圖片

寫到.jsp、.txt文件中的json數據,沒有被解析出來,Firebug中調試了一下,10行斷點下一步直接結束,

就沒有遍歷對象數組。于是分別測試了一下

文本文件 json.txt
jsp文件 json.jsp
Servlet json.do

返回的數據,瀏覽器只有解析出Servlet的返回的數據是json數據

查看圖片

希望本文所述對大家jQuery程序設計有所幫助。



主站蜘蛛池模板: 媳妇的全盛时代| 福圆美里| 山本裕典| 新红楼梦电视剧| 都市频道在线直播观看| 婚前协议电视剧演员表| 饥渴女人的外遇| 色在线播放| 快播电影网| 天天快乐视频免费观看下载| 纽约巨人| 西藏秘密演员表全部| 桥梁工程施工方案| 黄色网址在线播放| busty milf| 繁星诗集1~25篇| free hd xxxx moms movie777| 南来北往分集剧情| 唐人街探案5免费完整观看| 唐安琪现在怎么样了| 三年片大全电影| 三人行菲律宾| 小麦进城电视剧| 卡五星怎么算账| 在线免费污视频| 好大一个家 电视剧| 雪天使演员表介绍| 黄金太阳2| 叶芳华| 李保田最经典十部电影| 女生宿舍1电影| 媚狐传| 不要好舒服| 帕米尔医生电视剧全集免费观看| 欧若拉歌词| 林智妍三部曲电影免费观看| 周超个人资料简介| 电视剧零下三十八度手机免费观看| 笼中女电影| 心经般若波罗蜜多心经全文| 阻击战电影大全|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103