您好,登錄后才能下訂單哦!
如下所示:
window.location.href='url?param=' + paramValue;
上面這種方式實現頁面跳轉附帶參數,容易造成信息泄露;
layui使用form表單實現post請求,避免信息泄露(設置form表單隱藏,也可以初始化時隱藏):
這里是在數據表格查詢數據時的按鈕操作,其他操作類似
<table id="myTable" class="layui-table" lay-filter="myTableDetail" ></table>
數據表格具體配置查看layui文檔
<script type="text/html" id="detailBar"> <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">詳情</a> </script>
下面action部分可以是具體的請求路徑,亦可以使*.do請求
<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; // 選中的單條數據信息,后臺傳過來的數據全部可以獲取 if(obj.event === 'detail'){ // 監聽上面定義的按鈕 // layer.msg('ID:'+ data.ID+ ' 的查看操作'); // 提交前設置提交數據,需要向后臺傳輸的數據, $('#param1').prop("value", data.param1); $('#param2').prop("value", data.param2); document.form1.submit(); } });
以上這篇layui使用form表單實現post請求頁面跳轉的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。