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
1. Gesamtarchitekturdiagramm Im Vergleich zu ande...
Vue implementiert die Palastgitterrotationslotter...
Inhaltsverzeichnis 1. Über die visuelle Schnittst...
weniger Dateiname Datei anzeigen kleiner Dateinam...
Beim Starten von MySQL in einer OS X-Umgebung wir...
Nehmen Sie als Beispiel die Bereitstellung von ht...
Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...
1 Gespeicherte Prozedur 1.1 Was ist eine gespeich...
In diesem Artikel wird die Verwendung von js- und...
Es gibt drei Seiten A, B und C. Seite A enthält Se...
Die Systemumgebung ist Server2012 1. Laden Sie di...
1. Im Web unterstützte Bildformate: GIF: kann 256...
1. Beschreibung Früher haben wir über die Install...
Der Zweck der Cache-Verwendung besteht darin, den...
1. Geben Sie zuerst das MySQL des Servers ein, um...