Les navigateurs sautent les uns sur les autres et transmettent les paramètres (code ci-joint)-js tutoriel-php.cn

Les navigateurs sautent les uns sur les autres et transmettent les paramètres (code ci-joint)

php中世界最好的语言

Libérer： 2018-05-08 13:47:58

original

1436 Les gens l'ont consulté

Cette fois, je vais vous présenter des navigateurs pour passer les uns aux autres et transmettre des paramètres (avec du code). Quelles sont les précautions pour que les navigateurs passent les uns aux autres et se transmettent des paramètres. Ce qui suit est un cas pratique. , jetons un coup d'oeil une fois.

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>

Copier après la connexion

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>

Copier après la connexion

Résultats en cours :

Croyez-le ou pas Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment gérer le scintillement lorsque la vue est rendue

JS implémente la fonction d'échange de gauche et bonnes listes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!