recherche

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中世界最好的语言
php中世界最好的语言original
2018-05-03 10:15:491664parcourir

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>

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>

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!

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：Les utilisations et les différences entre v-if et v-show dans vueArticle suivant：Les utilisations et les différences entre v-if et v-show dans vue

Articles Liés

Voir plus