怎樣將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的傳到后臺的內容啦 , 希望對你有所幫助哦!

    猜你喜歡