Detaillierte Erklärung, wie jQuery es Browsern ermöglicht, zueinander zu springen und Parameter zu übergeben-js-Tutorial-php.cn

Detaillierte Erklärung, wie jQuery es Browsern ermöglicht, zueinander zu springen und Parameter zu übergeben

php中世界最好的语言

Freigeben： 2018-04-23 11:28:29

Original

2392 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen eine detaillierte Erklärung der Verwendung von jQuery, damit Browser zueinander springen und Parameter übergeben können. Welche Vorsichtsmaßnahmen gibt es für jQuery, damit Browser zueinander springen und übergeben können? Das Folgende ist ein praktischer Fall.

eins.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>

Nach dem Login kopieren

zwei.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>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie unter Bitte achten Sie auf andere chinesische PHP-Websites. Verwandte Artikel!

Empfohlene Lektüre:

Detaillierte Erläuterung der Gesamtarchitekturanalyse und Verwendung von jquery

jQuery Snowflake Falling-Implementierungsschritte ( mit Code)

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung, wie jQuery es Browsern ermöglicht, zueinander zu springen und Parameter zu übergeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!