JQuery是一個JavaScript庫,它可以幫助我們更方便地操作文檔對象模型(DOM)并使用動態HTML(DHTML)。在本文中,我們將探討如何使用jQuery將頁面轉到另一個頁面并傳遞參數。
首先,我們需要在HTML文件中包含jQuery庫。在head標簽中添加以下代碼:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
接下來,我們將創建一個button元素和一些輸入框用于輸入參數。在button的click事件中,我們將通過location.href屬性將頁面轉到目標頁面,并使用查詢字符串將參數傳遞給目標頁面。
<input type="text" id="param1"> <input type="text" id="param2"> <button id="btn">發送</button> <script> $(function(){ $('#btn').click(function(){ var param1 = $('#param1').val(); var param2 = $('#param2').val(); location.href = 'target.html?param1=' + param1 + '¶m2=' + param2; }); }); </script>
在目標頁面中,我們可以使用URLSearchParams對象來獲取傳遞的參數。在以下代碼中,我們檢查查詢字符串中是否存在名為param1和param2的參數,并將它們輸出到控制臺。
<script> $(function(){ var searchParams = new URLSearchParams(window.location.search); if(searchParams.has('param1') && searchParams.has('param2')){ var param1 = searchParams.get('param1'); var param2 = searchParams.get('param2'); console.log(param1); console.log(param2); } }); </script>
以上就是使用jQuery將頁面轉到另一個頁面并傳遞參數的全部內容,希望這篇文章能夠幫助你更好地理解jQuery的使用。
上一篇css怎么塊的懸浮
下一篇jquery跳轉動畫效果