方式一:手写代码自己转json
$.ajax({
data : {
// userNameOrTel: $("#user").val(),
// password: $("#pwd").val()
},
type : "post",
url : "admin/login/",
dataType : "json",
contentType : "application/json;charset=utf-8",
async : false, //同步 异步
success : function(data) {
debugger;
}
}
});
@RequestMapping(value="/haha")
public string xxx { HttpHttpServletRequest request,HttpServletResponse response}
{ JSONObject json =new JSONObject();
json.put("result"," success")
response.setCharacterEncoding("utf-8");
response.setContentType("application/json;charset=utf-8");
PrintWriter out = null;
out = response.getWriter();
out.write(json.toString());
}
======================================================================================
方式二:
var requestAjax = function() {
$.ajax({
type:"post",
url: 'getDemoList.do',
data: '',
dataType:"json",
success:function(rd){
console.log(rd);
var dataJson = JSON.stringify(rd);
document.write(dataJson);
},
error:function(){
}
});
}
$(function() {
requestAjax();
});
@RequestMapping(value="/admin/sys/getDemoList")
@ResponseBody
public Map
Map
if (page == null) {
page = 1;
}
if (limit == null) {
limit = 50;
}
PageModel
map.put("succ", true);
map.put("msg", "get ip success");
map.put("data", list);
return map;
}
======================================================================================
function addcustomber(){
if(!$('#customerAddForm').isValid()){return false;};
var postdata={
customerNumber:$.trim($("#customerNumber").val()),
customberName:$.trim($("#customberName").val()),
customerTypeid:$.trim(customerTypeidbox.getValue()),
customerLevel:$.trim(customerLevelbox.getValue()),
customerBalanceDate:$.trim($("#customerBalanceDate").val()),
customberReceivables:HsyErpMain.currencyToNum($.trim($("#customberReceivables").val())),
customberPrepayment:HsyErpMain.currencyToNum($.trim($("#customberPrepayment").val())),
customberRemarks:$.trim($("#customberRemarks").val()),
contactsList:checkcontact()
};
disabut();
$.ajax({
type : 'POST',
contentType: "application/json; charset=utf-8",
data :JSON.stringify(postdata),
/*data :{"customerId":rowData.customerId},*/
url : 'addcutombers.wy',
dataType: "json",
success : function(a){
if(!!a.status){
W.$.dialog.tips(a.msg,1,'succ.png');
W.$("#rld").click();
dialog.close();
}else{
W.$.dialog.tips(a.msg,1,'err.png');
}
undisabut();
},
error:function(a){
W.$.dialog.tips("服务器端响应失败,请重试...",1,'err.png');
undisabut();
}
});
return false;
}
@RequestMapping(value = "addcutombers", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")
@ResponseBody
public String addCutombers(@RequestBody CustombersExt custombersExt){
//custombersExt.setCustomberCuid(bsu.getUserId());
//custombersExt.setCustomberCdate(new Date());
Map
int RI = custombersServiceImpl.add_Custombers(custombersExt);
if(RI>0){
map.put("status", 1);
map.put("msg", "新增客户成功");
}else if(RI==-1){
map.put("status",0);
map.put("msg", "新增客户失败.客户编号不能重复!");
}else{
map.put("status",0);
map.put("msg", "新增客户失败.请重试...");
}
try {
ObjectMapper mapper = new ObjectMapper();
return mapper.writeValueAsString(map);
} catch (JsonProcessingException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
======================================================================================
@RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的); GET方式无请求体,所以使用@RequestBody接收数据时,前端不能使用GET方式提交数据,而是用POST方式进行提交。 在后端的同一个接收方法里,@RequestBody与@RequestParam()可以同时使用,@RequestBody最多只能有一个,而@RequestParam()可以有多个。注:一个请求,只有一个RequestBody;一个请求,可以有多个RequestParam。
注:当同时使用@RequestParam()和@RequestBody时,@RequestParam()指定的参数可以是普通元素、 数组、集合、对象等等(即:当,@RequestBody 与@RequestParam()可以同时使用时,原SpringMVC接收 参数的机制不变,只不过RequestBody 接收的是请求体里面的数据;而RequestParam接收的是key-value 里面的参数,所以它会被切面进行处理从而可以用普通元素、数组、集合、对象等接收)。 即:如果参数时放在请求体中,传入后台的话,那么后台要用@RequestBody才能接收到;如果不是放在 请求体中的话,那么后台接收前台传过来的参数时,要用@RequestParam来接收,或则形参前 什么也不写也能接收。
注:如果参数前写了@RequestParam(xxx),那么前端必须有对应的xxx名字才行(不管其是否有值,当然可以通 过设置该注解的required属性来调节是否必须传),如果没有xxx名的话,那么请求会出错,报400。
注:如果参数前不写@RequestParam(xxx)的话,那么就前端可以有可以没有对应的xxx名字才行,如果有xxx名 的话,那么就会自动匹配;没有的话,请求也能正确发送。 追注:这里与feign消费服务时不同;feign消费服务时,如果参数前什么也不写,那么会被默认是 @RequestBody的。@RequestBody直接以String接收前端传过来的json数据:
@RequestBody以简单对象接收前端传过来的json数据:
ajax请求中的data : 若是经过 var data = JSON.stringify({"topicId":topicId}); 转义后的话 , Controller中入参需加上@RequestBody , 并且需要加上contentType: "application/json; charset=utf-8";
若是直接通过data:{"topicId":topicId} 发送请求 , Controller中入参不需要加上@RequestBody
======================================================================================
方式 3 : @RestController 注解 (此类里的所以方法返回值都是 Json)
拓展知识 当遇到 ajax 请求参数必须是Json 格式的话如下 :
前端 ajax :
data:JSON.stringify({'channelId':channelId}),success:function(data){alert(data.channelId);},
contentType:'application/json;charset=utf-8'后台 :
@RequestMapping(value="/login",produces="application/json;charset=UTF-8") @ResponseBody public String test2() {
}
======================================================================================