Maison > Article > interface Web > Les navigateurs sautent les uns sur les autres et transmettent les paramètres (code ci-joint)

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

php中世界最好的语言original: 2018-05-08 13:47:581449parcourir

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>

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelles étapes sont nécessaires pour obtenir ModelAndView avec jsArticle suivant：Quelles étapes sont nécessaires pour obtenir ModelAndView avec js

Articles Liés

Voir plus