1. 程式人生 > >ajax動態接收後臺向後臺傳輸資料以及接收資料

ajax動態接收後臺向後臺傳輸資料以及接收資料

 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;
	}