Explication détaillée de la façon dont jQuery permet aux navigateurs de passer les uns aux autres et de transmettre des paramètres-js tutoriel-php.cn

Explication détaillée de la façon dont jQuery permet aux navigateurs de passer les uns aux autres et de transmettre des paramètres

php中世界最好的语言

Libérer： 2018-04-23 11:28:29

original

2363 Les gens l'ont consulté

Cette fois, je vous apporte une explication détaillée de l'utilisation de jQuery pour permettre aux navigateurs de se connecter et de passer des paramètres. Quelles sont les précautions pour que jQuery permette aux navigateurs de se passer les uns aux autres et de se transmettre. Paramètres. Ce qui suit est un cas pratique. Jetons un coup d'œil 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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Explication détaillée de l'analyse globale de l'architecture et de l'utilisation de jquery

Étapes de mise en œuvre de jQuery Snowflake Falling ( avec code)

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!