jQuery實現瀏覽器之間跳轉并傳遞參數功能【支持中文字符】

2019-11-19 14:05:59

字體：大中小

來源：轉載

供稿：網友

本文實例講述了jQuery實現瀏覽器之間跳轉并傳遞參數功能。分享給大家供大家參考，具體如下：

one.html

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title></title>  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script></head><body><input type="text" class="keyword"/><button id="searchBtn">點擊</button><script type="text/javascript">  $("#searchBtn").click(function() {    var searchText = jQuery.trim($(".keyword").val());    var searchUrl = encodeURI("two.html?searchText=" + searchText); //使用encodeURI編碼    location.href = searchUrl;  })</script></body></html>

two.html

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title></title>  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script></head><body><input type="text" class="keyword1"/><script type="text/javascript">  //獲取 上一個搜索頁面傳來的參數   var searchUrl = window.location.href;  var searchData = searchUrl.split("="); //截取 url中的“=”,獲得“=”后面的參數  var searchText = decodeURI(searchData[1]); //decodeURI解碼  $(".keyword1").val(searchText);</script></body></html>

運行結果：