Maison > interface Web > js tutoriel > Réalisez le saut du navigateur et transmettez les paramètres via la conversion d'encodage jQuery, la réponse aux événements et le saut de page

Réalisez le saut du navigateur et transmettez les paramètres via la conversion d'encodage jQuery, la réponse aux événements et le saut de page

php中世界最好的语言
Libérer: 2018-05-03 10:15:49
original
1662 Les gens l'ont consulté

Cette fois, nous vous présenterons le saut du navigateur et la transmission des paramètres via la conversion de code jQuery, la réponse à l'événement et le saut de page via la conversion de code jQuery, la réponse à l'événement et la page Quoi. sont les précautions lors de l'implémentation du saut de navigateur et du passage des paramètres Ce qui suit est un cas pratique, jetons un coup d'œil ?

<!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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php <.>autres articles connexes !

Lecture recommandée :

Comment utiliser js après avoir obtenu ModelAndView

Comment utiliser v-if et v-show in vue La différence entre

jQuery ajoute automatiquement des points de suspension lorsque le texte saisi dépasse le nombre de lignes spécifié

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal