ajax前后端分离，页面之间传值

在前后端分离书写中难免会遇到一个list页面点击修改操作需要传值的问题，那么我们如何进行传值和在列一个页面进行接受参数与后台交互呢？

下面书写一个修改操作的传值

  
    
    
    
    
    
    
    
  
  
   
    

        

            

            
工作台
            
表格样式
            
多功能表格
        
        

            
        
    

  
    

       

          

              test
              
          
          

            

                

            
          
       
       
              

                  ×
                  信息：这里可以放置表单提交反馈信息通知等！
              
              
              

                      

                          
                          
                           新建
                         
                           刷新
                         
                          
                      
                      
                      

                        

                          
                          
                             搜索
                          
                        

                      
                      

                        
测试链接
                        

                          下拉菜单 
                          

                            
删除
                            
关闭
                            

                            
取消
                          
                        
                      
                

              
              

                  
                  

                
                   

                        
设备姓名
                        
设备ip
                        
厂家
                        
型号
                        
位置
                        
移动
                        
联通
                        
电信
                        
数量
                        
备注
                        
操作
                    
 
   
                

                   
                
            
                  
              
              
              

                    
上一页
                    
1
                    
2
                    
3
                    
4
                    
5
                    
6
                    
7
                    
8
                    
9
                    
...
                    
22
                    
下一页
                
       

            

            
自动化办公信息系统
            
© 2015 aYin
        
 
    
    
    

      

        

          

            ×
            
删除确认
          
          

                
你确定要删除吗？
          
          

            取消
            删除
          
        

      

    

  

在修改页面中我们向其他页面传了一个id进行操作，那么我们在列一个页面如何操作 呢?

  
    
    
    
    
    
    
     
    
  
  
   
    

        

            

            
OLT管理
            
新增OLT信息
            
        
        

            
        
    

  
    

       

          

              test
              
          
          

            

                

            
          
       
       
              

                  ×
                  信息：这里可以放置表单提交反馈信息通知等！
              
             
              
              

                  

                       
                       

                            

                                
设备名称

                                
设备IP

                            
                            

                            
厂家

                                
                                华为
                                中兴
                                烽火
                                
                                
型号

                            
                            

                                
位置

                                
外层vlan（移动）

                            
                            

                                
外层vlan（联通）

                                
外层vlan（电信）

                            
                            

                                
客户vlan数量

                                
备注

                            
                             
                          

                                   

                                            

                                              

                                                
                                              
                                              

                                                返回
                                              
                                            
                                        
                  
                
                
         
       

            

            
自动化办公信息系统
            
© 2015 aYin
        
 
    
    
    

      

        

          

            ×
            
删除确认
          
          

                
你确定要删除吗？
          
          

            取消
            删除
          
        

      

    

  

获取值需要对url get 方式进行截取操作  获取自己想要的值，

那么我们在控制层又是这么操作的呢？、

package springBootOltPriject.olt.coltroller;


import java.util.List;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import springBootOltPriject.olt.service.OltService;
import springBootOltPriject.olt.vo.SpringBootOtl;





@MapperScan("springBootOltPriject.olt.dao")
//@Controller是这个注解可以return 页面
@RestController
@SpringBootApplication
@ComponentScan("springBootOltPriject.olt.service")
//@RequestMapping("/")
public class CotrollerDemo {
	//注入OltService
	@Autowired
	private OltService oltService;
	
	
	
//根据id查询数据   ===================================================================
	//@GetMapping("/upolt")
	/**
	 * 
	 * @param id
	 * @return
	 */
	
	@RequestMapping(value ="/upolt")
	public SpringBootOtl   getOltMappingById( int  id) {
		System.out.println(id);
		SpringBootOtl springBootOtl=	oltService.getOltMappingById(id);
		return springBootOtl;
	}
							
						////查询所有数据
						//	
						//	@RequestMapping("/oltEdit")
						//	public ModelAndView  getAll(){
						//		
						//		ModelAndView view = new ModelAndView("oltEdit");
						//		//查询数据
						//		List list=oltService.getAll();
						//		view.addObject("list", list);
						//		return view;
						//	}
	
	

//查询所有数据 完成===================================================================
	
	@RequestMapping("/getAll")
	public List  getAll(){
		//查询数据
		List list=oltService.getAll();
		//测试
		System.out.println(list.get(0));
		return list;
	}
	
//根据id删除数据  完成 ==============================================================
	
	//@GetMapping("/delById")
	@RequestMapping(value="/delById")
	public int   delById( int  id){
		//从数据库删除数据
		oltService.delById(id);
		
		return 1;
	}
	
//根据id跟新数据  ==================================================================
	//@GetMapping("/upById")
	@RequestMapping(value="/upById")
	public int   upById( int  id, SpringBootOtl springBootOtl ) {
		//跟新数据
		oltService.upById(springBootOtl);
		
		return 1;
	}
	
//添加数据  完成===================================================================
	@RequestMapping("/save")
	public int    save( SpringBootOtl springBootOtl){
		System.out.println(springBootOtl);
		//保存数据
		oltService.save(springBootOtl);
		
		//return "redirect:/login";
		return 1;
	}
	
					//	@RequestMapping("/login")
					//	public  String login(Model model ) {
					//		//查询数据
					//	List list=oltService.getAll();
					//	System.out.println(list.get(0));
					//	model.addAttribute("list", list);
					//		return "oltList1";
					//	}
	
	
}

一个简单的增删查改就这样完成了  ！