在我们做项目,写代码的过程中,无非就是增删改查,我们今天先来看看增加数据到数据库,和改动数据库的数据,用什么来实现好呢?当然用ajax的json传值,现在是最流行,也是最便捷的,下面让我小L带你们去看看。 1.说到ajax的传值,那我们必须得看看后台的controller 我这边后台是一个springboot的架构 我这边为大家写了一个简单的案例,希望对大家有所帮助。
先是一个我跳转到页面的一个方法
@RequestMapping( "/cx1") public ModelAndView cx1() { ModelAndView mv= new ModelAndView(); mv.setViewName( "/cx1"); return mv; }
2.输入此方法地址,我们可以顺利的进到这个页面 只是一个简单的页面案例哈
3.其实呢这个页面里面就包含ajax的传值,下面代码
<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < title >Title </ title > </ head > < script type= "text/javascript" src= "../jquery-3.3.1.js" ></ script > < body > < form > 姓名: < input id= "username" type= "text" name= "username" >< br /> 密码: < input id= "password" type= "password" name= "password" >< br /> 提交: < input id= "sub" type= "button" name= "button" > < label id= "msg" ></ label > </ form > < script type= "text/javascript" > $( function () { $( "#sub"). click( function () { $. ajax({ type: 'post', url: '/user/school', data: { username: $( "#username"). val(), password: $( "#password"). val()}, dataType: 'json', success: function (data) { $( '#msg'). empty(); var html= ''; $( '#msg'). html( html) } }); }); }); </ script > </ body > </ html >
你看我通过ajax就行ajax传值就是这么简,前提你要注意的是 1.你的url一定要正确 2.看看是否是json格式 3.我这边用的是jQuery的ajax传值 4.看看后台是否属性,ajax的data的属性是否和实体类的属性一致
我这边输入了admin,admin 我们看看后台的日志打印 2018-06-29 09:50:50.931 [http-nio-8085-exec-10] INFO com.oneinlet.interceptor.LoggerHandlerInterceptor - 当前访问的url :/user/school
2018-06-29 09:50:50.931 [http-nio-8085-exec-10] INFO com.oneinlet.interceptor.LoggerHandlerInterceptor - 调用的类名:com.oneinlet.controller.UsersController, 调用方法名:school
2018-06-29 09:50:50.931 [http-nio-8085-exec-10] INFO com.oneinlet.interceptor.LoggerHandlerInterceptor -
---> 请求参数列表:key:username value:[admin]
---> 请求参数列表:key:password value:[admin]
5.username:admin password:admin 说明成功进入后台的controller
@RequestMapping(value= "/school",method = RequestMethod. POST) public Object school( @RequestParam( "username") String username, @RequestParam( "password") String password){ User user= new User(); user= userService.getOne( 7); user.setUsername(username); user.setPassword(password); userService.save(user); // ModelAndView mv=new ModelAndView(); // mv.setViewName("/school"); return setOKResult(); }
6.进入后台controller,执行成功了,那我们来看看数据库的值的变化
数据库更新了 admin admin 好今天ajax传递json值已经教给大家了 关注微博:李日兴LRX