javaweb开发，使用AJAX将Controller后台数据传递到前台的前台接收问题

JSP与AJAX数据交互

最新推荐文章于 2022-03-01 11:53:16 发布

原创最新推荐文章于 2022-03-01 11:53:16 发布 · 747 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #js #jquery

javaweb前台后台数据传输问题专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用AJAX实现JSP页面与后台Controller的数据传递，具体展示了如何从前端收集员工信息并发送到后端进行处理，同时解析了Controller如何接收数据并返回响应，最后说明了如何在前端正确接收并显示这些响应。

javaweb开发，使用AJAX将Controller后台数据传递到前台的前台接收问题

jsp页面部分代码

 $.post({
                  		    	url:'addEmployee',  //对应controller中 @RequestMapping("/addEmployee")
                  		    	data:{  //这里是将数据从前端传递给后台controller
                  		    		'empId':document.getElementById("employee_id").value,
                  		    		'empName':document.getElementById("employee_name").value,
                  		    		'empGender':document.getElementById("employee_gender").value,
                  		    		'empAge':document.getElementById("employee_age").value,
                  		    		'empPosition':document.getElementById("employee_position").value
                  		    	},data
                  		 	 	 success:function(data){  
                   				  console.log("2222222"+data);
                   		  }
                  		    })

Controller部分代码

@RequestMapping("/addEmployee")
@ResponseBody
public int addEmployee(@RequestParam("empId") String empId
						,@RequestParam("empName") String empName
						,@RequestParam("empGender") String empGender
						,@RequestParam("empAge") String empAge
						,@RequestParam("empPosition") String empPosition
						) throws IOException  {
					ApplicationContext ac=new ClassPathXmlApplicationContext("applicationContext.xml");
					HSMSservice serv=ac.getBean("HSMSservice",HSMSservice.class);
					List<Integer> empsId=serv.selectId();
					int iempId=Integer.parseInt(empId);
					int yon=-1;
					for(int i=0;i<empsId.size();i++) {
						Integer eid=(Integer)empsId.get(i);
						
						if(iempId==eid) {
							yon=0;
							break;
						}else {
							yon=1;
						}
					}
			
					return yon;
				}