后端:Controller层:
@RequestMapping("/getAllProjectInfo",produces ="application/html;charset=utf-8")
@ResponseBody
public String getAllProjectInfo(HttpServletRequest request, HttpServletResponse response) throws IOException{
JSONArray jsonArray = new JSONArray();
List<ProjectService> projectInfo = ProjectService.Projectxxxxx();//调用服务层,返回带项目名称、项目类型等等的key-value数据。
for(ProjectService pro: projectInfo)
{
JSONObject jsonobject = new JSONObject();
jsonobject.put("ProjactName", pro.getProjectName());
jsonobject.put("Type", pro.getProType());
jsonArray.add(jsonobject);
}
return jsonArray.toString();
}
//或者在返回时写:
/**try {
response.setCharacterEncoding("UTF-8");
response.getWriter().println("ProjectJson:");
response.getWriter().write(jsonArray.toString());
} catch (IOException e) {
e.printStackTrace();
}
return null;
**/
web前端:
<script type="text/javascript">
$(function () {
var jsons;
$.ajax({
url: "xxxx/xxx/getAllProjectInfo",
type:'GET',
dataType:'json',
async:false,//异步(必须)
success: function(data) {
jsons=data;
}
});
var json=eval(jsons.Project);
console.log(json);
for(i=0;i<json.length;i++){
console.log(json[i].id);
console.log(json[i].xxxxName);
}
});
js ajax接收及处理json请参考:
1、web前端jquery ajax获取json、 ajax、js ajax
2、《js基础-排序》sort排序、冒泡排序、数组排序、正序、倒序
3、《js读取本地json文件》及浏览器跨域设置、《js保存json到本地》
4、js基础