layui使用form表單實(shí)現(xiàn)post請(qǐng)求頁(yè)面跳轉(zhuǎn)的方法
更新時(shí)間：2019年09月14日 22:19:02 作者：HerbertXuTTT
今天小編就為大家分享一篇layui使用form表單實(shí)現(xiàn)post請(qǐng)求頁(yè)面跳轉(zhuǎn)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
如下所示：
window.location.href='url?param=' + paramValue;
上面這種方式實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)附帶參數(shù)，容易造成信息泄露；
layui使用form表單實(shí)現(xiàn)post請(qǐng)求，避免信息泄露(設(shè)置form表單隱藏，也可以初始化時(shí)隱藏)：
這里是在數(shù)據(jù)表格查詢數(shù)據(jù)時(shí)的按鈕操作，其他操作類似
<table id="myTable" class="layui-table" lay-filter="myTableDetail" ></table>
數(shù)據(jù)表格具體配置查看layui文檔
<script type="text/html" id="detailBar"> <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">詳情</a> </script>
下面action部分可以是具體的請(qǐng)求路徑，亦可以使*.do請(qǐng)求
<form action='${basepath}/requestMethodName' method='post' name='form1' style='display:none'>
<input type=hidden name='param1' id="param1" value=''>
<input type=hidden name='param2' id="param1" value=''>
</form>
js部分：
table.on('tool(myTable)', function(obj){
var data = obj.data; // 選中的單條數(shù)據(jù)信息,后臺(tái)傳過來的數(shù)據(jù)全部可以獲取
if(obj.event === 'detail'){ // 監(jiān)聽上面定義的按鈕
// layer.msg('ID：'+ data.ID+ ' 的查看操作');
// 提交前設(shè)置提交數(shù)據(jù),需要向后臺(tái)傳輸?shù)臄?shù)據(jù)，
$('#param1').prop("value", data.param1);
$('#param2').prop("value", data.param2);
document.form1.submit();
}
});
以上這篇layui使用form表單實(shí)現(xiàn)post請(qǐng)求頁(yè)面跳轉(zhuǎn)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)的數(shù)字滑塊拼圖效果
滑塊拼圖（Slider?Puzzle）是一種經(jīng)典的智力游戲,通常由一個(gè)3x3或更大的格子組成,其中一個(gè)格子為空,玩家通過滑動(dòng)拼圖塊來達(dá)到特定的圖案或順序,這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的數(shù)字滑塊拼圖,需要的朋友可以參考下2024-08-08
兼容FF/IE跟隨鼠標(biāo)的層的效果...2007-08-08
在TypeScript中,類型斷言用于告訴編譯器某個(gè)變量的類型,這在我們確定變量的類型比編譯器更準(zhǔn)確時(shí)非常有用,本文給大家分享了幾種TypeScript中使用類型斷言方式,需要的朋友可以參考下2023-09-09
本文給大家分享的是個(gè)人對(duì)于12306的新的驗(yàn)證碼系統(tǒng)的破解思路，僅僅是思路，還沒進(jìn)行實(shí)地驗(yàn)證，推薦給大家，拋磚引玉吧。2015-03-03
javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法
這篇文章主要介紹了javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法,涉及javascript命名空間及事件調(diào)用的技巧,需要的朋友可以參考下2015-06-06
JS實(shí)現(xiàn)圖片高斯模糊切換效果的焦點(diǎn)圖實(shí)例
這篇文章主要給大家介紹了利用原生JS如何實(shí)現(xiàn)圖片高斯模糊切換效果的焦點(diǎn)圖，文中給出了完整的實(shí)例代碼，相信對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，下面來一起看看吧。2017-01-01
當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí),會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈,作用域鏈的用途是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問,下面這篇文章主要給大家介紹了關(guān)于JavaScript作用域鏈底層原理的相關(guān)資料,需要的朋友可以參考下2021-11-11
模擬彈出窗口效果，關(guān)閉層之前，不能選擇后面的頁(yè)內(nèi)容
模擬彈出窗口效果，關(guān)閉層之前，不能選擇后面的頁(yè)內(nèi)容...2007-02-02
這篇文章介紹了JS圖片切換的具體方法，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序map地圖使用的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10