suchen

Heim >Web-Frontend >js-Tutorial >Wissensaustausch über die Wertübergabe von JS-Formularen und die Konvertierung der URL-Codierung

Wissensaustausch über die Wertübergabe von JS-Formularen und die Konvertierung der URL-Codierung

小云云
小云云Original
2018-03-05 09:19:201080Durchsuche

Hinweis:

Hier werden zwei Webseiten geschrieben

Da die von der URL übergebenen Daten keine chinesischen Schriftzeichen und einige Sonderzeichen unterstützen, muss die Codierung konvertiert werden

Realisierungseffekt: Die Formulardaten von Webseite 1 werden auf Webseite 2 übertragen und angezeigt

Der Code von Webseite 1 lautet wie folgt: 


<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <title>document</title> 
</head> 
<body> 
  <!--test_form.html为需要发送数据到的网页,https://idaobin.com/test/test_form.html --> 
  <!--表单数据将通过method属性附加到 URL上--> 
  <!--submit表单提交到另一个网页--> 
  <form action="test_form.html" method="GET" target="_blank"> 
    账号：<input type="text" name="code"><br> 
    姓名：<input type="text" name="str"><br> 
    <input type="submit"> 
  </form> 
</body> 
</html>

Webseite 2 Der Code lautet wie folgt: 


<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <title>document</title> 
  <script type="text/javascript" src="jquery-3.2.1.js"></script> 
  <!--URL编码转换，只对第二个输入框转换--> 
  <script> 
    window.onload=function(){ 
      var a=document.getElementById("str").innerText; 
      var b=(decodeURIComponent(a)); 
      document.getElementById("str").innerText=b; 
    } 
    // 以下是jquery代码 
    // $(function(){ 
    //   var c=$("#str").text(); 
    //   var d=(decodeURIComponent(c)); 
    //   $("#str").text(d); 
    // }); 
  </script> 
</head> 
<body> 
  <p>提交过来的数据页面</p> 
  账号：<span id="code"></span><br> 
  姓名：<span id="str"></span> 
</body> 
<!--获取表单传过来的数据--> 
<script> 
  function UrlSearch(){ 
    var name,value; 
    var str=location.href; 
    var num=str.indexOf("?"); 
    str=str.substr(num+1); 
    var arr=str.split("&"); 
    for(var i=0;i<arr.length;i++){ 
      num=arr[i].indexOf("="); 
      if(num>0){ 
        name=arr[i].substring(0,num); 
        value=arr[i].substr(num+1); 
        this[name]=value; 
      } 
    } 
  } 
  var Request=new UrlSearch(); 
  document.getElementById("code").innerHTML=Request.code; 
  document.getElementById("str").innerHTML=Request.str; 
</script> 
</html>

Nach dem Ausführen:

Verwandte Empfehlungen:

Implementierungsmethode von JS, die einen Wert an ein Formular im Iframe übergibt

Beispiel für die Übergabe eines HTML-Formularwerts wird von der get-Methode übergeben

URL-Codierung in JS und PHP-Konvertierung: escape(), encodeURI(), encodeURIComponent()


Das obige ist der detaillierte Inhalt vonWissensaustausch über die Wertübergabe von JS-Formularen und die Konvertierung der URL-Codierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Details zum JavaScript-ModulladerNächster Artikel：Details zum JavaScript-Modullader

In Verbindung stehende Artikel

Mehr sehen