首页 > 软件开发 > JavaScript >

怎样将js的传到后台

来源:互联网 2023-03-16 23:58:22 版权归原作者所有,如有侵权,请联系我们

js是互联网开发中一个常用的脚本语言,js与后端的交互也是互联网开发中的常见情形,很多时候都需要把js获取到的值传到后台,那么怎么将js的值传到后台呢,下面本文就介绍一下。wlE办公区 - 实用经验教程分享!

方法/步骤

  • 1

    使用原生的js向后台传值,可以使用window.location.href="后台接口地址",只要把你要传给后端的值,放在后台接口地址后面,以URL地址参数的形式,就可以提交到后台,如图所示。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 2

    后台接口以GET形式接收参数,controller方法接受参数的名称要与js地址中参数名称一致,不然是无法捕获参数的,下面看一下controller方法,并把接收到的参数打印一下,如图所示。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 3

    可以看到,打印的结果如图所示,说明js通过window.location.href请求后台,可以成功的把值传到后台。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 4

    与window.location.href类似,还可以使用window.open("后台接口地址");把js中的值传到后台,区别是后台请求后台之后,会打开新的浏览器窗口,而前者不会。wlE办公区 - 实用经验教程分享!

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

    上面说的是通过原生js方法把值传到后台,下面介绍一下通过ajax将值传到后台,当然使用ajax需要引入jquery.js包,不然ajax不起作用。下面看一下ajax方法,如图所示。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 6

    后台controller方法与上面类似,参数名与ajax中data里的参数名相同即可,后台controller方法如图所示。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 7

    下面依旧打印一下使用ajax传值到后台的结果,结果如图所示,可以看到使用ajax同样可以成功的将值传到后台。wlE办公区 - 实用经验教程分享!

    怎样将js的传到后台wlE办公区 - 实用经验教程分享!

  • 8

    ajax提交是异步刷新,不会刷新整个页面,要注意这点,希望可以帮到大家。wlE办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!wlE办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号