宝哥软件园

jQuery解析json数据实例分析

编辑:宝哥软件园 来源:互联网 时间:2021-09-22

本文实例分析了jQuery解析json数据的方法。分享给大家供大家参考,具体如下:

先来看看我们的Json数据格式:

[{id:01,name: '小白,old:29,sex: '男},{id:02,name: '小蓝,old:29,sex: '男},{id:03,name: '小雅,old:29,sex: '男'}]为了消除乱码问题,我们设置一个过滤器(代码片段)

public void doFilter(servlet请求、ServletResponse resp、FilterChain)抛出ServletException,IOException { req。setcharacter encoding(' UTF-8 ');resp。setcharacter encoding(' UTF-8 ');resp。SetContentType(' text/html;字符集=UTF-8 ';chain.doFilter(req,resp);}服务端我用小型应用程序生成json数据(代码片段)。

受保护的void doGet(HttpServletRequest请求,HttpServletResponse响应)引发ServletException,IOException { PrintWriter out=响应。getwriter();//过滤器已经做过编码转化了resp。SetContentType(' text/html;字符集=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: '男'}]');印刷(某人);}页面端JQuery代码:

"%@"页面内容类型=' text/html;charset=UTF-8 "语言="Java "% html标题JSON学习/title元内容=' text/html;字符集=UTF-8 ' http-equiv='内容-类型'脚本类型=' text/JavaScript ' src=' http : jslib/jquery。js '字符集=' UTF-8 '/脚本脚本类型=' text/JavaScript '字符集='UTF-8' $(文档)。ready(function(){ var select=$(' # select ');$.get('json.do ',null,function(data){ var jsonData=eval(data);//接收到的数据转化为JQuery对象,由JQuery为我们处理$.每个(jsonData,函数(index,objVal) { //遍历对象数组,索引是数组的索引号,objVal是遍历的一个对象//val['属性]可取到对应的属性值$("选项")。attr('value ',objVal['id']).html(objVal['name']).附录(选择);});});});/script/head dysel id=' select '/select/body/html之前为了省事,我层把json数据写到json.txt,json.jsp中,不用小型应用程序封装,可是后来我用萤火虫调试了一下

写到jsp .文本文件(文本文件)文件中的json数据,没有被解析出来,萤火虫中调试了一下,10行断点下一步直接结束,

就没有遍历对象数组。于是分别测试了一下

文本文件json.txtjsp文件json.jspServlet json.do

返回的数据,浏览器只有解析出小型应用程序的返回的数据是json数据

希望本文所述对大家jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+