欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui使用form表單實現(xiàn)post請求頁面跳轉的方法

 更新時間:2019年09月14日 22:19:02   作者:HerbertXuTTT  
今天小編就為大家分享一篇layui使用form表單實現(xiàn)post請求頁面跳轉的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示:

window.location.href='url?param=' + paramValue;

上面這種方式實現(xiàn)頁面跳轉附帶參數(shù),容易造成信息泄露;

layui使用form表單實現(xiàn)post請求,避免信息泄露(設置form表單隱藏,也可以初始化時隱藏):

這里是在數(shù)據(jù)表格查詢數(shù)據(jù)時的按鈕操作,其他操作類似

<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部分可以是具體的請求路徑,亦可以使*.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; // 選中的單條數(shù)據(jù)信息,后臺傳過來的數(shù)據(jù)全部可以獲取
   if(obj.event === 'detail'){ // 監(jiān)聽上面定義的按鈕
    // layer.msg('ID:'+ data.ID+ ' 的查看操作');
    // 提交前設置提交數(shù)據(jù),需要向后臺傳輸?shù)臄?shù)據(jù),
    $('#param1').prop("value", data.param1);
    $('#param2').prop("value", data.param2);
    document.form1.submit();
   } 
 });

以上這篇layui使用form表單實現(xiàn)post請求頁面跳轉的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • js局部刷新頁面時間具體實現(xiàn)

    js局部刷新頁面時間具體實現(xiàn)

    這篇文章介紹了js局部刷新頁面時間具體實現(xiàn),需要的朋友可以參考一下
    2013-07-07
  • js 動態(tài)選中下拉框

    js 動態(tài)選中下拉框

    js 動態(tài)選中下拉框
    2009-11-11
  • onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

    onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

    登陸頁面需要撲捉用戶按下回車自動提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實現(xiàn)代碼,希望對你有所幫助
    2013-04-04
  • javascript setTimeout和setInterval計時的區(qū)別詳解

    javascript setTimeout和setInterval計時的區(qū)別詳解

    window對象有兩個主要的定時方法,分別是setTimeout 和 setInteval 他們的語法基本上相同,但是完成的功能取有區(qū)別。
    2013-06-06
  • GoJs連線上的信息展示使用詳解

    GoJs連線上的信息展示使用詳解

    這篇文章主要為大家介紹了GoJs連線上的信息展示使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • JavaScript async/await使用詳解

    JavaScript async/await使用詳解

    任意一個名稱都是有意義的,先從字面意思來理解。async 是“異步”的簡寫,而 await 可以認為是 async wait 的簡寫。所以應該很好理解 async 用于申明一個 function 是異步的,而 await 用于等待一個異步方法執(zhí)行完成
    2022-12-12
  • 詳解JavaScript的懶加載是如何實現(xiàn)的

    詳解JavaScript的懶加載是如何實現(xiàn)的

    懶加載(Lazy Loading)是一種在軟件開發(fā)中常用的優(yōu)化技術,它主要用于延遲加載資源,直到真正需要使用的時候才進行加載,這樣可以減少初始加載的時間和資源消耗,并提升用戶體驗,本文給大家詳細介紹了JavaScript的懶加載是如何實現(xiàn)的,需要的朋友可以參考下
    2024-01-01
  • Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

    Electron 打包問題:electron-builder 下載各種依賴出錯(推薦)

    這篇文章主要介紹了Electron 打包問題:electron-builder 下載各種依賴出錯,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-07-07
  • JavaScript語法約定和程序調試原理解析

    JavaScript語法約定和程序調試原理解析

    這篇文章主要介紹了JavaScript語法約定和程序調試原理解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-11-11
  • 關于JavaScript中異步/等待的用法與理解

    關于JavaScript中異步/等待的用法與理解

    這篇文章主要給大家介紹了關于JavaScript中異步/等待的用法與理解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-11-11

最新評論