您的位置:首页 > 编程语言 > Java开发

jsp 页面json数据提交到后台spring处理举例

2016-06-16 14:11 495 查看
0

前台:

'type' : 'post',

'contentType' : 'application/json;charset=UTF-8',

'data' : JSON.stringify(JsonObject),

其中JsonObject就是你组装的JSON对象

后台:

@RequestMapping(value = "/query", method = RequestMethod.POST)

@ResponseBody
public Map query(@RequestBody QueryVO queryVO) {
...
}

其中:
1、必须是POST方式
2、前台需要设置'contentType'
3、前台JSON对象要转成字符串,如JSON.stringify(JsonObject),
4、后台参数得用@RequestBody 注解
5、如果你是异步处理返回的JSON值(比如Map等)则@ResponseBody是需要的
6、这个时候,你的JsonObject 就会自动转为queryVO这个Bean

自己的例子++++++--------------------------前台----------------------------------------------

var load_data = {
init : function(row){
var str="";
for(var i=0;i<row;i++){
str+="&";
}
$("#load_data").datagrid("loadData",{"total":row,"rows":str});
},
/*---------------提交数据------------------------------------*/
submit : function(){
var jsonStr=getJson();
$.ajax({
url : "baseline/addResult.action",
type : "POST",
contentType : 'application/json;charset=UTF-8',
dataType: "json",
data : jsonStr,
/*beforeSend : function(){
$.messager.progress({
text:"数据提交中-.-"
});
},*/
success:function(data, response, status){
if(data == "success"){
$.messager.alert("提示","数据提交成功","info");
}else{
$.messager.alert("警告","数据提交失败,请尝试再次提交!","warning");
}
}
});
},
/*---------------清空数据------------------------------------*/
clean : function(){
/*$('#load_data').datagrid('loadData', { total: 0, rows: [] });*/
var row_clean = $('#load_data').datagrid('getRows');
console.log(row_clean.length);
var str="";
for(var i=0;i<row_clean.length;i++){
str+=".";
}
$('#load_data').datagrid('loadData',{"total":10,"rows":[]});
}
};

后台++++++-----------------------------------------------------

@RequestMapping("baseline/addResult.action")
@ResponseBody
public void addResult(@RequestBody List<PerformanceResultModel> resultList,HttpServletRequest request,HttpServletResponse response){
log.info("获取json对象内容:"+resultList.toString()+" "+resultList.size());
PrintWriter pw;
try {
response.setContentType("text/html;charset=UTF-8");
pw = response.getWriter();
pw.write("success");
pw.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}

其中PerformanceResultModel为自己定义的bean
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: