jsp页面:
标题:
内容:
//提交表单
function submitForm(){
//同步文本框中的商品描述
itemAddEditor.sync();
//ajax的post方式提交表单
//$("#itemAddForm").serialize()将表单序列号为key-value形式的字符串
//alert($("#itemAddForm").serialize());
$.post("${pageContext.request.contextPath}/uc/content/saveCode",$("#itemAddForm").serialize(),function(data){
location.href="${pageContext.request.contextPath}/uc/findList";
},"json");/*这种方式提交不会执行回调函数*/
/* $.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/uc/content/saveCode",
data: $("#itemAddForm").serialize(),
success: function(data){
alert(data.s);
},
error:function(data){
alert(data.s);
alert(22);
}
}); */ /*这种方式提交总是执行error回调函数*/
}
Controller类
@RequestMapping(value="/content/saveCode",method =RequestMethod.POST)
@ResponseBody
public Map saveCode(UeditorCode uc){
uc.setId(UUID.randomUUID().toString());
uc.setCreated(new Date());//"yyyy-MM-dd"
uc.setUpdated(new Date());
ueditorCodeService.saveCode(uc);
Map result = new HashMap();
result.put("s", 200);
return result;
}
调试了一天终于找到原因了，希望下次记着。
原因:
用ajax提交表单数据，提交按钮要是写在form单内的话，提交方式必须要写成button不能写成submit，不然的话数据可以提交到后台但不会执行$.post()的回调函数或总是执行ajax的error回调函数。
总结:ajax提交表单数据，提交按钮最好写在表单外边，提交方式最好写成button不要写成submit。