servlet怎么将JSON 串返回给前台页面以及前台通过什么方式接受并显示出来?
展开全部
前台用AJAX将json数据传入后台,同样,后台将数据封装在json串中可传入前台,
前台用ajax的回调函数响应:
示例:
前台脚本:
<script>
$(function(){
$("a").click(function(){
var url = this.href;
var args = {"time":new Date()};
$.getJSON(url,args,function(data){ //回调函数的参数data就是后台封装的json串
$("#bookName").text(data.bookName); //data.属性名 读json串中的内容
$("#totalMoney").text(data.totalMoney);
$("#totalBook").text(data.totalBook);
});
return false;
});
})
</script>
后台封装:在servlet类中代码:
//准备响应JSON对象:
StringBuilder result = new StringBuilder();
result.append("{").append("\"bookName\":\""+bookName+"\"").append(",").append("\"totalMoney\":"+sc.getTotalMonry()).append(",").append("\"totalBook\":"+sc.getTotalNumber()).append("}"); //构建json串
response.setContentType("text/javascript"); //声明类型防止乱码
response.getWriter().print(result.toString()); //响应JSON
前台用ajax的回调函数响应:
示例:
前台脚本:
<script>
$(function(){
$("a").click(function(){
var url = this.href;
var args = {"time":new Date()};
$.getJSON(url,args,function(data){ //回调函数的参数data就是后台封装的json串
$("#bookName").text(data.bookName); //data.属性名 读json串中的内容
$("#totalMoney").text(data.totalMoney);
$("#totalBook").text(data.totalBook);
});
return false;
});
})
</script>
后台封装:在servlet类中代码:
//准备响应JSON对象:
StringBuilder result = new StringBuilder();
result.append("{").append("\"bookName\":\""+bookName+"\"").append(",").append("\"totalMoney\":"+sc.getTotalMonry()).append(",").append("\"totalBook\":"+sc.getTotalNumber()).append("}"); //构建json串
response.setContentType("text/javascript"); //声明类型防止乱码
response.getWriter().print(result.toString()); //响应JSON
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询