怎样将js的传到后台

js是互联网开辟中一个常用的剧本说话 , js与后端的交互也是互联网开辟中的常见景象 , 良多时辰都需要把js获取到的值传到后台 , 那么怎么将js的值传到后台呢 , 下面本文就介绍一下 。
方式/
1利用原生的js标的目的后台传值 , 可以利用window.location.href=https://vvvtt.com/article/"后台接口地址" , 只要把你要传给后端的值 , 放在后台接口地址后面 , 以URL地址参数的形式 , 就可以提交到后台 , 如图所示 。

怎样将js的传到后台

文章插图

2后台接口以GET形式领受参数 , controller方式接管参数的名称要与js地址中参数名称一致 , 否则是无法捕捉参数的 , 下面看一下controller方式 , 并把领受到的参数打印一下 , 如图所示 。

怎样将js的传到后台

文章插图

3可以看到 , 打印的成果如图所示 , 申明js经由过程window.location.href请求后台 , 可以当作功的把值传到后台 。

怎样将js的传到后台

文章插图

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

5【怎样将js的传到后台】上面说的是经由过程原生js方式把值传到后台 , 下面介绍一下经由过程ajax将值传到后台 , 当然利用ajax需要引入jquery.js包 , 否则ajax不起感化 。 下面看一下ajax方式 , 如图所示 。

怎样将js的传到后台

文章插图

6后台controller方式与上面近似 , 参数名与ajax中data里的参数名不异即可 , 后台controller方式如图所示 。

怎样将js的传到后台

文章插图

7下面依旧打印一下利用ajax传值到后台的成果 , 成果如图所示 , 可以看到利用ajax同样可以当作功的将值传到后台 。

怎样将js的传到后台

文章插图

8ajax提交是异步刷新 , 不会刷新整个页面 , 要注重这点 , 但愿可以帮到大师 。


以上内容就是怎样将js的传到后台的内容啦 , 希望对你有所帮助哦!

    推荐阅读