Utilisez JS dans HTML pour faire passer la valeur de formulaire par les méthodes GET et POST (c'est-à-dire, ajouter? A = b & c = d et ainsi de suite sur l'URL).
Pour la méthode couramment utilisée pour obtenir des formulaires, nous écrivons souvent du code à plusieurs reprises. Le code qui vous a publié aujourd'hui peut être appelé directement comme méthode publique. Cela peut améliorer l'efficacité du développement de chacun.
Code JS
<script type = "text / javascript"> // Obtenez tous les objets <fort> dans la fonction de formulaire spécifiée getElements (formid) {var form = document.getElementById (formId); var elements = new Array (); var TagElements = form.getElementsByTagName ('entrée'); pour (var j = 0; j <tagElements.length; j ++) {elements.push (tagelements [j]); } Return Elements; } // Obtenez la fonction [Nom, Value] Array Fonction InputSelector (élément) {if (element.checked) return [element.name, element.value]; } Fonction Input (élément) {switch (element.type.tolowercase ()) {case 'soumed': case 'Hidden': case 'mot de passe': case 'text': return [element.name, élément.value]; case 'Checkbox': case 'radio': return inputSelector (élément); } return false; } // Fonction URL combinée SerializeElement (élément) {var méthode = element.tagname.tolowercase (); var paramètre = entrée (élément); if (paramètre) {var key = EncodeuRIComponent (paramètre [0]); if (key.length == 0) return; if (paramètre [1] .Contructor! = array) Paramètre [1] = [paramètre [1]]; var valeurs = paramètre [1]; var résultats = []; pour (var i = 0; i <valeurs.length; i ++) {result.push (key + '=' + EncodeuRIComponent (valeurs [i])); } return results.join ('&'); }} // CALPET Method Function SerializeForm (FORMID) {var Elements = GetElements (FormId); var queryComponents = new Array (); for (var i = 0; i <elements.length; i ++) {var queryComponent = serialalizeElement (elements [i]); if (queryComponent) QueryComponents.push (queryComponent); } return querycomponents.join ('&'); } </ script>Code JS
function getFormInfo () {var params = serializeForm ('Login'); alerte (params); }Code html
<body> <form id = "login" name = "ligin" metheth = "post" action = "result.jsp"> <input name = "user" type = "text" /> <input name = "Sex" type = "radio" value = "man" /> <input name = "sexe" type = "radio" value = "woman" /> intéressant: <entrée = "checkbox" name = "Interest" value = "PIU"> piu = 'entrée = "CheckBox" Name = "Interest" Value = "PIU"> Piu = Type = "CheckBox" Name = "Interest" name = "intérêt" value = "dss"> dss <input type = "checkbox" name = "intéressant" value = "ddr"> ddr <br> <input type = "Hidden" name = "from" value = "welcome"> <br> <input type = "Button" name = "soumed" value = "soumest" onClick = "getFormFo ();> </ form> </body>
HTML:
URL:
Le moyen simple d'obtenir toutes les données de la forme dans l'article ci-dessus js est l'ensemble du contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.