1、使用原生的js向后台传值,可以使用window.location.href="后台接口常挢傣捅地记醋弭床址",只要把你要传给后端的值,放在后台接口地址后面,以URL地址参数的形式,就可以提交到后台,如图所示。
2、后台接口以GET形式接收参数,controller方法接受参数的名称要与js地址中参数名称一致,不然是无法捕获参数的,下面看一下controller方法,并把接收到的参数打印一下,如图所示。
3、可以看到,打印的结果如图所示,说明js通过window.location.href请求后台,可以成功的把值传到后台。
4、与window.locatio艘绒庳焰n.href类似,还可以使用window.open("后台接口地址");把js中的值传到后台,区别是后台请求后台之后,会打开新的浏览器窗口,而前者不会。
5、上面说的是通过原生js方法把值传到后台,下面介绍一下通过ajax将值传到后台,当然使用ajax需要引入jquery.js包,不然ajax不起作用。下面看一下ajax方法,如图所示。
6、后台controller方法与上面类似,参数名与ajax中data里的参数名相同即可,后台controller方法如图所示。
7、下面依旧打印一下使用ajax传值到后台的结果,结果如图所示,可以看到使用ajax同样可以成功的将值传到后台。
8、ajax提交是异步刷新,不会刷新整个页面,要注意这点,希望可以帮到大家。