json_ajax提交json格式数据到servlet并解析

jsp页面将将表单数据转换为json格式

需要依赖的两个js文件(本次实践基于jquery):

网址：http://code.google.com/p/jquery-json/

网址：http://jquery.com/download/

js

$.fn.serializeObject = function () {
var o = {};
var a = this.serializeArray();
$.each(a, function () {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || "");
} else {
o[this.name] = this.value || "";
}
});
return o;
};

ajax

var comment = $.toJSON($("form").serializeObject());
$.ajax({
type:"POST",
contentType:"application/json",
url:"comment.do",
data:comment,
dataType:"json",
success:function(data){
//window.location.href = "showProduct.do";
$(":radio").removeAttr("checked");
$(":text").val("");
$("textarea").val("");
},
error:function(){
alert("系统异常");
},
async:true
});

jsp:

<form action="" method="post">
<input type="hidden" value="${requestScope.productId }" name="productId">
<label>评分:</label>
<input type="radio" value="5" name="score">(很喜欢)
<input type="radio" value="4" name="score">(喜欢)
<input type="radio" value="3" name="score">(一般)
<input type="radio" value="2" name="score">(不喜欢)
<input type="radio" value="1" name="score">(很不喜欢)
<br/>
<label>标题:</label>
<input type="text" size="80" name="subject">
<br/>
<label>正文:</label>
<textarea rows="20" cols="70" name="content"></textarea>
<br/>
<input type="button" value="提交">
</form>

servlet:

servlet将前台页面的json数据

1.转换为json字符串

2.将json字符串转换为json对象

3.取出json对象中的值

需要依赖

public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String action = request.getRequestURI();
String url = action.substring(action.lastIndexOf("/"),action.lastIndexOf(".do"));
if(url.equals("/comment")){
response.setContentType("application/json;charset=UTF-8");
//接受前台页面ajax传输过来的json格式数据解析成json字符串
String content = readContent(request);
//将json字符串转换为json对象
JSONObject jsonObject = null;
try {
jsonObject = new JSONObject(content);
Comment comment = new Comment();
comment.setSubject(jsonObject.getString("subject"));
comment.setContent(jsonObject.getString("content"));
comment.setScore(jsonObject.getInt("score"));
comment.setProductId(jsonObject.getInt("productId"));
comment.setTime(getTime());
comment.setUserId(1);
//用户信息,在用户登陆之后,就保存在session中,userId可以直接从session中获取
//这里模拟一个数据
Integer count = commentService.comment(comment);
if(count == null){
//response.sendRedirect("/Comment/error.jsp");
}else{
//response.sendRedirect("/Comment/showProduct.do");
objectMapper.writeValue(response.getOutputStream(), comment);
}
} catch (JSONException e) {
e.printStackTrace();
}
}
}

private String readContent(HttpServletRequest request){
StringBuffer json = new StringBuffer();
String line = null;
try {
BufferedReader reader = request.getReader();
while((line = reader.readLine()) != null){
json.append(line);
}
} catch (Exception e) {
System.out.println(e.getMessage());
}
return json.toString();
}

以上实现从jsp页面传输json格式数据到后台,接受并解析。