ajax動態接收後臺向後臺傳輸資料以及接收資料
阿新 • • 發佈:2019-01-09
ajax部分,接收後臺傳送的資料,要按照json格式將資料拼接好
unction save(){ var index = $("#index").val(); var id = $("#id").val(); var imgPath=$("#imgPath").val(); var goodsCostingPrice = $("#goodsCostingPrice").val(); //JSON格式資料 var str={"id":id,"index":index,"imgPath":imgPath,"goodsCostingPrice":goodsCostingPrice}; $.ajax({ type: "get", async: "false", data: str, dataType: "json", //一定要定義返回資料,否則就會顯示“儲存資料失敗” url: "${pageContext.request.contextPath}/shoppinggoods/specifications", success: function(result){ //接收資料 console.log(result.data); alert("資料儲存成功"); if(result.data == "ok"){ } //接收list資料 //var list = result.list; }, error: function(data){ alert("資料儲存失敗") } }); }
後臺部分,主要是接收ajax傳給後臺的資料,然後是處理資料,再返回資料,主要是將資料儲存到map中,傳遞給前端 ,
重點:傳值時,引數名稱儘量一致
@RequestMapping(value="/save",produces="application/json;charset=UTF-8") @ResponseBody public Map<String,Object> save(@RequestParam(value="id") String id, @RequestParam(value="index") String index,@RequestParam(value="imgPath") String imgPath, @RequestParam(value="goodsCostingPrice") String goodsCostingPrice) throws Exception{ HashMap<String,Object> map = new HashMap<>(); /** 接收資料,對資料進行處理 */ map.put("msg","ok"); // map.put("list",list);//傳給前端list資料 return map; }