Ajax简单应用

JavaWeb

Ajax简单应用

页面代码

	<script>
	function save(){
		//紧急联系人
		//一次提交多条数据
		var array = new Array();
		var trList = $("#tab1").find("tbody").children("tr")
	    for (var i=0;i<trList.length;i++) {
	        var tdArr = trList.eq(i).find("td");
	        var name = tdArr.eq(1).find('input').val();
	        var relation = tdArr.eq(2).find('input').val();
	        var phone = tdArr.eq(3).find('input').val();
	        var address = tdArr.eq(4).find('input').val();
	        array.push({name:name,relation:relation,phone:phone,address:address});
	    	}
	        $.ajax(
					{
				url:"${ctx }/admin/emergencyContact/save",
				contentType:"application/json;charset=utf8",
				dataType: "json",
				//type:"post",
				data:$.toJSON(array),
				//data:JSON.stringify({id:id,}),
				async:false,
				success:function(data){
					data=JSON.parse(data); //将json格式的数据 转换为 字符串。
					
				},
				error:function(){
					alert("加载数据失败！");
				}
				});
		}
	//提交一条数据
	//紧急联系人
	//发送key/value到Controller,收到json对象
	function delEm(id){
		
		var id = $('#em_id').val();
		$.ajax(
				{
			url:"${ctx }/admin/emergencyContact/delete",
			//contentType:"application/json;charset=utf8",
			dataType: "html",
			type:"post",
			data:{id:id},
			//data:JSON.stringify({id:id,}),
			async:true,
			success:function(data){
				data=JSON.parse(data); //将json格式的数据 转换为 字符串。
				//$("#em_name").val("");
				//$("#em_name").attr("value",data.name);
			},
			error:function(){
				alert("加载数据失败！");
			}
			});
	}
	</script>

后台代码

//接收多条数据
	@ResponseBody
	@RequestMapping(value = "/save")
	public String save(@RequestBody List<EmergencyContactDTO> dto) throws 				Exception {
		int length = dto.size();
		for(int i=0;i<length;i++) {
			if (dto.get(i).getId() == null) {
				emergencyContactService.create(dto.get(i));
			} else {
		EmergencyContactDTO old = emergencyContactService.load(dto.get(i).getId());
				old.setEmployee(dto.get(i).getEmployee());
				old.setName(dto.get(i).getName());
				old.setRelation(dto.get(i).getRelation());
				old.setPhone(dto.get(i).getPhone());
				old.setAddress(dto.get(i).getAddress());
				emergencyContactService.updateAllFields(old);
			}
		}
		return ok();
	}
//接收一条数据
	@ResponseBody
	@RequestMapping(value = "/delete") 
	public String delete(Long[] ids) throws IOException {
		emergencyContactService.deleteByIds(ids);
		return ok();
	}