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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
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ù)表格查詢(xún)數(shù)據(jù)時(shí)的按鈕操作，其他操作類(lèi)似
<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)傳過(guò)來(lái)的數(shù)據(jù)全部可以獲取
if(obj.event === 'detail'){ // 監(jiān)聽(tīng)上面定義的按鈕
// 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)文章
js局部刷新頁(yè)面時(shí)間具體實(shí)現(xiàn)
這篇文章介紹了js局部刷新頁(yè)面時(shí)間具體實(shí)現(xiàn)，需要的朋友可以參考一下2013-07-07
js 動(dòng)態(tài)選中下拉框2009-11-11
onkeydown事件解決按回車(chē)鍵直接提交數(shù)據(jù)的需求
登陸頁(yè)面需要撲捉用戶(hù)按下回車(chē)自動(dòng)提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對(duì)你有所幫助2013-04-04
javascript setTimeout和setInterval計(jì)時(shí)的區(qū)別詳解
window對(duì)象有兩個(gè)主要的定時(shí)方法，分別是setTimeout 和 setInteval 他們的語(yǔ)法基本上相同，但是完成的功能取有區(qū)別。2013-06-06
這篇文章主要為大家介紹了GoJs連線上的信息展示使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
任意一個(gè)名稱(chēng)都是有意義的，先從字面意思來(lái)理解。async 是“異步”的簡(jiǎn)寫(xiě)，而 await 可以認(rèn)為是 async wait 的簡(jiǎn)寫(xiě)。所以應(yīng)該很好理解 async 用于申明一個(gè) function 是異步的，而 await 用于等待一個(gè)異步方法執(zhí)行完成2022-12-12
詳解JavaScript的懶加載是如何實(shí)現(xiàn)的
懶加載（Lazy Loading）是一種在軟件開(kāi)發(fā)中常用的優(yōu)化技術(shù),它主要用于延遲加載資源,直到真正需要使用的時(shí)候才進(jìn)行加載,這樣可以減少初始加載的時(shí)間和資源消耗,并提升用戶(hù)體驗(yàn),本文給大家詳細(xì)介紹了JavaScript的懶加載是如何實(shí)現(xiàn)的,需要的朋友可以參考下2024-01-01
Electron 打包問(wèn)題:electron-builder 下載各種依賴(lài)出錯(cuò)(推薦)
這篇文章主要介紹了Electron 打包問(wèn)題：electron-builder 下載各種依賴(lài)出錯(cuò),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
JavaScript語(yǔ)法約定和程序調(diào)試原理解析
這篇文章主要介紹了JavaScript語(yǔ)法約定和程序調(diào)試原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
關(guān)于JavaScript中異步/等待的用法與理解
這篇文章主要給大家介紹了關(guān)于JavaScript中異步/等待的用法與理解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11