springMVC接受ajax提交表單,json數據的兩種方式

作為一個初入互聯網行業的小鑫鑫,在使用springMVC時發現一個好耍的東西,決定記下來,免得哪天忘了,哈哈

第一種

序列化表單,將表單數據序列化為json對象字符串

	$("#submit").click(function (){
		var form=$("form").serializeArray();
		$.ajax({
			url:"${pageContext.request.contextPath}/teacher/updateTeacher",
			data:form,
			type:"POST",
			dataType : "json",
			error : function(data) {
				alert("修改成功");
				location.reload();
			}
		});
	});

對應的springMVC要這樣接手數據就可以了

@RequestMapping(value="updateTeacher")
	@ResponseBody
	public String updateTeacher(Teacher teacher,Model model){
		teacherService.updateByPrimaryKeySelective(teacher);
		Teacher longinTeacher = teacherService.loginExp(teacher);
		model.addAttribute("loginteacher", longinTeacher);
		return "success";
	}

第二種

構建json對象

                        var zdgzs=[];
   			//獲取頁面所有的數據,組裝json對象
  			for(var i=0;i<qtcsId.length;i++){
  				var zdgz={
   			"zdgzNd" :zdgzNd,
   			"rwlyValue" :rwlyValue,
   			"rwlyName" :rwlyName,
   			"lwwh" :lwwh,
   			"lwbt" :lwbt,
   			"qtcsId" :qtcsId.eq(i).val(),
  			"qtcsName" :qtcsName.eq(i).html(),
   			"phcsId" :[phcsId.eq(i).val()],
   			"phcsName" :[phcsName.eq(i).html()],
   			"rwnr" :rwnr.eq(i).val()
   			}; 
   			zdgzs.push(zdgz);
   			}

再次一個zdgz對象的數據就構建好了

ajax傳用JSON.stringify(zdgzs)轉換下數據,設置傳入后臺的數據類型為json

$.ajax({
			type: "POST",
			url: "${pageContext.request.contextPath}/zdgz/addzdgz.do",
			contentType: "application/json; charset=utf-8",
			data:JSON.stringify(zdgzs),
			dataType: "json",
			success: function (message) {
			if (message > 0) {
			alert("添加成功");
			window.location.href="${pageContext.request.contextPath}/zdgz1/selectzdgz.do/s/0";
			}

后臺接收方式,使用springMVC中的@requsetBody 注解來控制參數類型,強大的springMVC就能把前臺的json數據自動裝配成對應對象的List數組了(需要加springMVC中帶的json包)

	@RequestMapping(value="/addzdgz.do",method = RequestMethod.POST)
	public @ResponseBody int addzdgz(@RequestBody List<Zdgz> zdgzs){
		for(Zdgz zdgz:zdgzs){
			if ("請選擇".equals(zdgz.getRwlyName()) || "請選擇".equals(zdgz.getQtcsName())
					|| "請選擇".equals(zdgz.getPhcsName()) || "".equals(zdgz.getRwnr()) || null == zdgz.getRwnr()) {
				return 0;
			}
			
			zdgz.setDtmdjsj(new Date());	
			zdgzService.addZdgz(zdgz);
		}
		return 1;
	}

ok,這個寫完了,以后自己沒事可以看看