不同json如何使用jsonArray以及ajax如何取,实现读取新闻

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了不同json如何使用jsonArray以及ajax如何取,实现读取新闻相关的知识,希望对你有一定的参考价值。

jsp界面

<%@ page contentType="text/html;charset=gb2312"%>
<%@page import="org.json.JSONObject"%> //记得导入包
<%@page import="org.json.JSONArray"%>
<%
JSONObject obj1=new JSONObject();   //声明json
JSONObject obj2=new JSONObject();
obj1.put("content",“绝不允许任何人歪曲历史践踏和平");
obj1.put("date",20160616);
obj2.put("content","不能以信用名目增加社会成本");
obj2.put("date",20160616);
JSONArray jsonArray=new JSONArray();  //声明jsonArray
jsonArray.put(obj1);
jsonArray.put(obj2);
//JSONObject obj=jsonArray.getJSONObject(0);  这个是可以去除jsonArray中的第一个json
out.print(jsonArray);   //向前端传入jsonArray
%>

 

前端

var data=eval(‘(‘+xhr.responseText+‘)‘); //可以将该数组转成了一个object对象
var p;
for(var i=0;i<data.length;i++){
p+=‘<li>‘+data[i].content+data[i].date+‘</li>‘;  //比如第一条新闻,就可以可以用data[0]取出来,新闻详细就是data[0].content
}

 

技术分享

 

以上是关于不同json如何使用jsonArray以及ajax如何取,实现读取新闻的主要内容,如果未能解决你的问题,请参考以下文章

Javascript / SAPUI5:将JSONArray绑定到ListItem

JavaScript之ajax的作用流程以及如何设置请求头

ajax以及文件上传的几种方式

如何将JSonArray发送到弹簧控制器

Ajax 调用在 Spring Boot 中返回值为 JSONArray.fromObject(data) 时给出错误 500

Javascript Ajax 优雅降级,有不同的页面?