本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下
第一个案例:jquery 遍历json对象集合 常用示例
jsp中
$.ajax({ url: "${applicationScope.rootpath}common/getContractPage.html", type: "post", dataType:"json", data: {}, success: function (jsonText) { if(jsonText){ var status = jsonText.status; var msg = jsonText.msg; if(status == '500'){ //有异常的信息时 alert(msg); }else{ $.each(jsonText,function(i,item){ var pngPath = item[0]; var pngName = item[1]; }); } } } });
jsonText的格式:
{"status":"200","msg":[{"id":"1","name":"n1"},{"id":"2","name":"n2"}]} {"status":"500","msg":"异常信息"}
java中:
List pngFileList = new ArrayList();//某对象集合 if(null != pngFileList && pngFileList.size() > 0) { JSONArray pngFileArray =JSONArray.fromObject(pngFileList); } if(null != pngFileArray){ this.setTextAjax(pngFileArray.toString()); //异常的格式 //this.setTextAjax("{\"status\":\"500\",\"msg\":\""+errormsg+"\"}");//没有记录 /** * ajax返回html,包括json形式 * * @param responseContent */ public void setTextAjax(String responseContent) { try { HttpServletResponse response = getHttpResponse(); response.setContentType("text/html"); response.setCharacterEncoding("UTF-8"); response.setHeader("Pragma", "No-cache"); response.setHeader("Content-Type", "text/html"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0); PrintWriter out = response.getWriter(); out.print(responseContent); out.flush(); out.close(); } catch (IOException e) { e.printStackTrace(); } // ajaxResponse = new StringBufferInputStream(responseContent); }
第二个案例:jQuery 遍历JSON 对象
不说别的,直接贴代码:
<script src="/UploadFiles/2021-04-02/jquery-1.6.4.js">第三个案例:jquery中遍历读取json串中的对象
假设我们从服务器端获取如下的json串,其中包括数组。我们该如何遍历读取呢?
复制代码 代码如下:{"result":null,"rows":[{"caishen":"东","fushen":"西北","huajiazi":"甲子","id":1,"nayin":"大海水","shengmen":"南","simen":"北","wugui":"西","xishen":"东南","yanggui":"西南","yingui":"东北"},{"caishen":"东北","fushen":"北","huajiazi":"乙丑","id":2,"nayin":"大林木","shengmen":"西北","simen":"西南","wugui":"东南","xishen":"东","yanggui":"西","yingui":"南"},{"caishen":"西","fushen":"东","huajiazi":"丙寅","id":3,"nayin":"石榴木","shengmen":"北","simen":"西北","wugui":"南","xishen":"东南","yanggui":"东北","yingui":"西南"}],"total":3}
使用.each难度太高,直接js读取吧
//通过url获取json对象 $.post("json/godjson!godlist", function (data){ //data.rows返回的是json字符串。需要转换成json对象 var json = eval(data.rows) //json变量现在就是一个数组对象,直接读取每个数组对象。结合属性进行输出 for(var i=0; i<json.length; i++){ alert(json[i].caishen+"--------- " + json[i].xishen); } //记得返回的数据类型一定要是json类型 }, "json");通过如上的方式就能获取json串的json对象并进行输出。
为大家分享这么多的案例,就是想帮助大家掌握jquery遍历json对象集合的方法,真正理解,希望这篇文章可以帮助到大家。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- 黄乙玲1993-受伤的心·冷暖人生[台湾首版][WAV+CUE]
- (G)I-DLE《I SWAY》[FLAC/分轨][150.46MB]
- FTISLAND《Serious》[320K/MP3][82.33MB]
- FTISLAND《Serious》[FLAC/分轨][476.5MB]
- 曾庆瑜1988-你听一听[清优][WAV+CUE]
- Bach,Vieuxtemps,Gruenberg-ViolinConcertos-Heifetz(2012)FLAC
- ConcertoScirocco-SirensSoldiers.SongswithoutWordsfromtheItalianSeicento(2024)[24
- NCT 127《WALK - The 6th Album》[320K/MP3][76.57MB]
- NCT 127《WALK - The 6th Album》[FLAC/分轨][432.81MB]
- Weeekly《Bliss》[320K/MP3][36.2MB]
- TIS《三国志V》原音母盘[24-96][WAV+分轨]
- 林翠萍.1988-绵绵细雨的夜晚【艺歌】【WAV+CUE】
- 张帝《成名经典歌曲》【WAV】
- Weeekly《Bliss》[FLAC/分轨][215.35MB]
- 群星《当打之年》 HQII[WAV+CUE][640M]