interface Web
js tutoriel
Comment implémenter la conversion de transmission de valeurs et d'encodage d'URL dans les formulaires JS ?
Comment implémenter la conversion de transmission de valeurs et d'encodage d'URL dans les formulaires JS ?
Cet article partage avec vous en détail les points de connaissances pertinents sur le transfert de valeur de formulaire JS et la conversion d'encodage d'URL, et partage également des exemples à apprendre ensemble.
Remarque :
Il y a deux pages Web écrites ici
Étant donné que les données transmises par l'URL ne prennent pas en charge les caractères chinois et certains symboles spéciaux, l'encodage doit être converti
Effet d'implémentation : Les données du formulaire de la page web 1 sont transférées vers la page web 2 et affichées
Le code de la page web 1 est le suivant :
<!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>
Le le code de la page Web 2 est le suivant :
<!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>Après l'exécution :
Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que ce sera le cas. utile à tout le monde à l’avenir.
Articles associés :
Explication détaillée de la surcharge des opérateurs en Javascript
JavaScript pour implémenter un simple effet de barre de progression dynamique
js+css pour obtenir un effet de frappe
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Conseils pratiques pour convertir des lettres anglaises pleine chasse en demi-chasse
Mar 26, 2024 am 09:54 AM
Conseils pratiques pour convertir des lettres anglaises pleine chasse en formes demi-largeur. Dans la vie moderne, nous sommes souvent en contact avec des lettres anglaises et nous devons souvent saisir des lettres anglaises lorsque nous utilisons des ordinateurs, des téléphones portables et d'autres appareils. Cependant, nous rencontrons parfois des lettres anglaises pleine chasse et nous devons utiliser la forme demi-largeur. Alors, comment convertir des lettres anglaises pleine chasse en demi-chasse ? Voici quelques conseils pratiques pour vous. Tout d’abord, les lettres et chiffres anglais pleine chasse font référence à des caractères qui occupent une position pleine largeur dans la méthode de saisie, tandis que les lettres et chiffres anglais demi-chasse occupent une position pleine largeur.
Comment convertir ODT en Word sous Windows 11/10 ?
Feb 20, 2024 pm 12:21 PM
Dans cet article, nous allons vous montrer comment convertir des fichiers OpenDocumentTextDocument (ODT) en Microsoft Word (Docx, DOC, etc.). Format. Comment convertir ODT en Word sous Windows 11/10 Voici comment convertir des documents ODT au format DOC ou DOCX sur un PC Windows : Convertir ODT en Word à l'aide de WordPad ou Word La première méthode que nous allons vous montrer consiste à utiliser WordPad ou MicrosoftWord pour convertir ODT en Word. Voici les étapes pour y parvenir : Tout d’abord, ouvrez l’application WordPad à l’aide du menu Démarrer. Maintenant, allez à
Comment convertir des fichiers AI au format CDR
Feb 19, 2024 pm 04:09 PM
Les fichiers AI font référence aux fichiers graphiques vectoriels créés par le logiciel Adobe Illustrator (AI en abrégé), tandis que les fichiers CDR font référence aux fichiers graphiques vectoriels créés par le logiciel CorelDRAW. Ces deux logiciels étant développés par des fabricants différents, leurs formats de fichiers sont différents et ne peuvent pas être directement convertis l'un vers l'autre. Cependant, nous pouvons convertir les fichiers AI en fichiers CDR via certaines méthodes. Une méthode de conversion couramment utilisée sera présentée ci-dessous. Étape 1 : Exporter les fichiers AI au format EPS AdobeIllust
Comment convertir une machine virtuelle en machine physique ?
Feb 19, 2024 am 11:40 AM
La conversion d'une machine virtuelle (VM) en machine physique est le processus de migration des instances virtuelles et des logiciels d'application associés vers une plate-forme matérielle physique. Cette conversion permet d'optimiser les performances du système d'exploitation et l'utilisation des ressources matérielles. Cet article vise à fournir un aperçu approfondi de la façon d’effectuer cette conversion. Comment mettre en œuvre la migration d’une machine virtuelle vers une machine physique ? Généralement, le processus de conversion entre une machine virtuelle et une machine physique est effectué en dehors de la machine virtuelle par un logiciel tiers. Ce processus comprend plusieurs étapes impliquant la configuration des machines virtuelles et le transfert de ressources. Préparez la machine physique : la première étape consiste à vous assurer que la machine physique répond à la configuration matérielle requise pour Windows. Nous devons sauvegarder les données sur une machine physique car le processus de conversion écrasera les données existantes. *Nom d'utilisateur et mot de passe pour un compte administrateur avec des droits d'administrateur pour créer des images système. sera virtuel
Traitement du temps Golang : Comment convertir l'horodatage en chaîne dans Golang
Feb 24, 2024 pm 10:42 PM
Conversion de l'heure Golang : Comment convertir l'horodatage en chaîne Dans Golang, l'opération temporelle est l'une des opérations les plus courantes. Parfois, nous devons convertir l'horodatage en chaîne pour un affichage ou un stockage facile. Cet article explique comment utiliser Golang pour convertir des horodatages en chaînes et fournit des exemples de code spécifiques. 1. Conversion des horodatages et des chaînes Dans Golang, les horodatages sont généralement exprimés sous la forme de nombres entiers, qui représentent le nombre de secondes entre le 1er janvier 1970 et l'heure actuelle. La chaîne est
Explication détaillée de la méthode d'implémentation de conversion des mois PHP en mois anglais
Mar 21, 2024 pm 06:45 PM
Cet article présentera en détail comment convertir des mois en PHP en mois en anglais et donnera des exemples de code spécifiques. Dans le développement PHP, nous devons parfois convertir des mois numériques en mois anglais, ce qui est très pratique dans certains scénarios de traitement de dates ou d'affichage de données. Les principes de mise en œuvre, les exemples de code spécifiques et les précautions seront expliqués en détail ci-dessous. 1. Principe de mise en œuvre En PHP, vous pouvez convertir des mois numériques en mois anglais en utilisant la classe DateTime et la méthode de format. Date
Comment convertir de la musique qq au format mp3 Convertir de la musique qq au format mp3 sur téléphone mobile
Mar 21, 2024 pm 01:21 PM
QQ Music permet à tout le monde de regarder des films et de soulager l'ennui. Vous pouvez utiliser ce logiciel tous les jours pour satisfaire facilement vos besoins. Un grand nombre de chansons de haute qualité sont disponibles pour que tout le monde puisse les écouter. la prochaine fois que vous les écouterez, vous n'aurez pas besoin d'une connexion Internet. Les chansons téléchargées ici ne sont pas au format MP3 et ne peuvent pas être utilisées sur d'autres plateformes. Une fois l'abonnement expiré, il n'y a aucun moyen de les réécouter. , de nombreux amis souhaitent convertir les chansons au format MP3 Ici, l'éditeur explique Vous proposez des méthodes pour que tout le monde puisse les utiliser ! 1. Ouvrez QQ Music sur votre ordinateur, cliquez sur le bouton [Menu principal] dans le coin supérieur droit, cliquez sur [Transcodage audio], sélectionnez l'option [Ajouter une chanson] et ajoutez les chansons qui doivent être converties ; les chansons, cliquez pour sélectionner Convertir en [mp3]
Java Apache Camel : Construire une architecture orientée services flexible et efficace
Feb 19, 2024 pm 04:12 PM
Apache Camel est un framework d'intégration basé sur Enterprise Service Bus (ESB) qui peut facilement intégrer des applications, des services et des sources de données disparates pour automatiser des processus métier complexes. ApacheCamel utilise une configuration basée sur les routes pour définir et gérer facilement les processus d'intégration. Les principales fonctionnalités d'ApacheCamel incluent : Flexibilité : ApacheCamel peut être facilement intégré à une variété d'applications, de services et de sources de données. Il prend en charge plusieurs protocoles, notamment HTTP, JMS, SOAP, FTP, etc. Efficacité : ApacheCamel est très efficace, il peut gérer un grand nombre de messages. Il utilise un mécanisme de messagerie asynchrone, qui améliore les performances. Extensible
