怎样将js的传到后台

来源：互联网 2023-03-16 23:58:22 208

js是互联网开发中一个常用的脚本语言，js与后端的交互也是互联网开发中的常见情形，很多时候都需要把js获取到的值传到后台，那么怎么将js的值传到后台呢，下面本文就介绍一下。

方法/步骤

使用原生的js向后台传值，可以使用window.location.href="后台接口地址"，只要把你要传给后端的值，放在后台接口地址后面，以URL地址参数的形式，就可以提交到后台，如图所示。

怎样将js的传到后台

后台接口以GET形式接收参数，controller方法接受参数的名称要与js地址中参数名称一致，不然是无法捕获参数的，下面看一下controller方法，并把接收到的参数打印一下，如图所示。

怎样将js的传到后台

可以看到，打印的结果如图所示，说明js通过window.location.href请求后台，可以成功的把值传到后台。

怎样将js的传到后台

与window.location.href类似，还可以使用window.open("后台接口地址");把js中的值传到后台，区别是后台请求后台之后，会打开新的浏览器窗口，而前者不会。

4该信息未经许可获取自百度经验

上面说的是通过原生js方法把值传到后台，下面介绍一下通过ajax将值传到后台，当然使用ajax需要引入jquery.js包，不然ajax不起作用。下面看一下ajax方法，如图所示。

怎样将js的传到后台

后台controller方法与上面类似，参数名与ajax中data里的参数名相同即可，后台controller方法如图所示。

怎样将js的传到后台

下面依旧打印一下使用ajax传值到后台的结果，结果如图所示，可以看到使用ajax同样可以成功的将值传到后台。

怎样将js的传到后台

ajax提交是异步刷新，不会刷新整个页面，要注意这点，希望可以帮到大家。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：Firefox调试js如何在断点上下文运行代码下一篇：如何去除input 的逗号