springMVC之與json資料互動方法
阿新 • • 發佈:2019-02-09
前臺程式碼:
function channel(){
//先獲取選中的值
var channelId = $("#channelId option:selected").val();
//來判斷髮送的連結
if(channelId ==2){
**需要注意地方 start**
var schoolBannerInfo = {
"img": channelId,
"title": channelId,
"info" : channelId,
"channelId": channelId
};
**需要注意地方 end**
$.ajax({
url:"ceshijson",
type:"post",
dataType:'json',
**需要注意地方 start**
contentType:'application/json;charset=utf-8' ,
data:JSON.stringify(schoolBannerInfo),
**需要注意地方 end**
success:function(data){
alert(data);
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("Error" )
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});
}
}
加粗的部分是要注意的地方。
其中contentType:’application/json;charset=utf-8’不能省掉,否則會報415錯誤。
畢竟我傳送的是json字串,得告訴伺服器,來的資料是json資料。
JSON.stringify()是將JavaScript物件轉換為json字串
JSON.parse(jsonstr)是將json字串轉換為JavaScript物件
補充知識:json其實就是JavaScript的子集。
後臺程式碼:
pojo類:
public class SchoolBannerInfo {
private Integer id;
private Date createTime;
private String img;
private String title;
private String info;
private Integer seq;
private Integer schoolId;
private String type;
private boolean enable;
private String link;
private String channelId;
}
get與set方法自己生成,這個就不貼出來了。
controller中方法:
@RequestMapping(value="/ceshijson",produces="application/json;charset=UTF-8")
@ResponseBody
public SchoolBannerInfo ceshijson(@RequestBody SchoolBannerInfo schoolBannerInfo) throws IOException{
// Map<String,Object> map = new HashMap<String,Object>();
// map.put("channelId", channelId);
// ObjectMapper mapper = new ObjectMapper();
// channelId = mapper.writeValueAsString(map);
return schoolBannerInfo;
}
注意:
1、@RequestBody不能省,因為前臺發過來的資料是json資料,得用這個註解去解析該怎麼接收這些資料給pojo類的物件。
2、因為我也要返回json資料。所以需要這個註解@ResponseBody,把Java物件轉換成json字串
3、當使用@RequestBody時,要求前臺傳過來的資料是json字串。如果是json物件是會出錯的。所以如果你前臺data部分這麼寫:data:{“channelId”:2},這樣是不行的。因為{“channelId”:2}是json物件,你需要再在外層加個引號’{“channelId”:2}’這樣才行。
4、要是方法返回值為簡單型別比如:String時,該如何處理呢!下篇講解。