maven pom.xml:
net.sf.json-lib
json-lib
2.4
jdk15
不会Maven的可以百度 net.sf.json 包。 其中注意, 指定 为jdk15
Controller:
@RequestMapping(value="staff_value",produces="application/json") //访问路径 和返回的json
@ResponseBody
public JSONObject staff_value(){
String staff_user=admin;
JSONObject jsono = new JSONObject();
jsono.put("username",staff_user);
JSONArray jsonArray = new JSONArray();
jsonArray.add(jsono);
jsono.element("people", jsonArray);
staff_user=null;
return jsono;
}
java 代码已经完成。
接着数据渲染模板采用Handlebars. 百度下载, 在webapp 加入Handlebars-v4.0.5.js. 我先写一个demo, 各位如果想详细了解这个渲染引擎
可以参考其他的人的博客。 接着在你的视图加一个html页面, 或者jsp页面。 导入 Handlebars.js 的js文件。
//写上你自己下载的Handlebars.js
要渲染的div:
定义渲染模板:
{{#people}}
{{userName}}
{{/people}}
people-template是你想渲染的模板, 在下面的的初始化脚本中, 我们用 Handlebars.compile 预编译这个模板, people 和username 对应上面控制器的 jsono.element("people")
和
jsono.put("username",staff_user);
初始化脚本:
$(document).ready(function(){
var template =Handlebars.compile($("#people-template").html()); // 预编译模板
$.ajax({
url:'http://localhost:8080/zd_web_/admin/welcome_admin', //你的Controller请求路径
dataType:'json',
success:function(data){ //返回成功后的数据 !注意返回的json数据格式是 {r:[{username:admin}]} 返回的是json对象 不是json字符串
$('#list').html(template(data));
}
});
})
如上。 这样就完成了从Springmvc 返回 json 数据并且填充到html 或者jsp页面的demo.