In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung der asynchronen Übermittlung von Formulardaten zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Die Wirkung ist wie folgt: Schauen wir uns zunächst den HTML-Code an: <div Klasse="Container"> <form class="form-horizontal" onsubmit="return false;"> <div Klasse="Formulargruppe"> <label class="control-label col-md-3">Name:</label> <div Klasse="col-md-4"> <input type="Typ" name="txtname" value=" " Klasse="Formularsteuerung" id="txtName"/> </div> </div> <div Klasse="Formulargruppe"> <label class="control-label col-md-3">Geschlecht:</label> <div Klasse="col-md-4"> <Wählen Sie Klasse = "Formularsteuerung" Name = "cboSex" ID = "cboSex"> <option>Männlich</option> <option>Weiblich</option> </Auswählen> </div> </div> <div Klasse="Formulargruppe"> <label class="control-label col-md-3">Adresse:</label> <div Klasse="col-md-4"> <textarea Klasse="Formularsteuerung" Name="txtAddress" id="txtAddress"></textarea> </div> </div> <div Klasse="Formulargruppe"> <button class="btn btn-primary col-md-offset-4" onclick="getVal()">Den Wert des Formulars abrufen</button> <button class="btn btn-primary" onclick="postgetData()">Daten übermitteln</button> <button class="btn btn-success" onclick="getData()">Daten abrufen</button> </div> </form> </div> Der JavaScript-Teil ist wie folgt: Funktion postgetData() { var xhr; wenn (Fenster.XMLHttpRequest) { xhr = neue XMLHttpRequest(); } anders { xhr = neues ActiveXObject("microsoft.XMLHTTP"); } xhr.open("post", "/JQuery/getDataRequest", true); xhr.setRequestHeader("Inhaltstyp", "Anwendung/x-www-form-urlencoded"); var yy = "name=" + document.getElementById("txtName") .Wert + "&Geschlecht=" + document.getElementById("cboGeschlecht") .Wert + "&Adresse=" + document.getElementById("txtAddress").Wert; xhr.senden(yy); xhr.onreadystatechange = Funktion () { wenn (xhr.status == 200 und xhr.readyState == 4) { var txt = xhr.Antworttext; konsole.log(txt); } } } xhr.send(data); //Im Datenformular zu übermittelnde Daten (Zeichenfolge) setRequestHeader-Syntax: setRequestHeader(Header, Wert): Fügt der Anfrage einen HTTP-Header hinzu. Die Controller-Methode ist wie folgt: Request.Form (Übermittlungsmethode ist Post) öffentliche ActionResult getDataRequest() { Zeichenfolgenname = Request.Form["Name"]; Zeichenfolge Geschlecht = Anfrage.Formular["Geschlecht"]; Zeichenfolgeadresse = Request.Form["Adresse"]; Zeichenfolge str = Name + "&" + Geschlecht + "&" + Adresse + "&" + "Anfrage kann nur Post-Daten empfangen"; gibt Inhalt (str) zurück; } Hierdurch werden die Daten im Formular übermittelt. Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: So verwenden Sie VirtualBox zum Erstellen einer lokalen virtuellen Maschinenumgebung auf dem Mac
ins und del wurden in HTML 4.0 eingeführt, um Auto...
1. Schreiben Sie das Dockerfile (1) Klicken Sie m...
Einführung Das mysql-utilities-Toolset ist eine S...
1. Radiogruppierung Solange der Name gleich ist, h...
Öffnen Sie eine beliebige Webseite, zum Beispiel ...
1|0 Kompilieren Sie den Kernel (1) Führen Sie den...
Teil 1: Grundlagen 1. Im Gegensatz zu Pseudoklass...
Ich bin kürzlich auf das Audiovisual Linux Projec...
Wenn Sie Docker zum ersten Mal verwenden, werden ...
Inhaltsverzeichnis Legen Sie beim Erstellen einer...
Der Weg vor uns ist immer so schwierig und voller...
Inhaltsverzeichnis Was ist ReactHook? React biete...
Inhaltsverzeichnis Wasserwelleneffekt Sehen wir u...
Inhaltsverzeichnis Vorwort Zustand Docker install...
Als ich heute Nginx verwendete, trat ein 500-Fehl...