欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-18 19:15:21
...

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

要在jsp页面获取controller中return的对象,要通过调用ajax的success函数,

 success:function(data) 

function(data)中的data即 controller中return的对象。

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

 console.log("2222222"+data);

前台接收成功!!