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
Die JavaScript-Methode hasOwnProperty() ist die P...
Vorwort Kürzlich wurde ich in einem Interview gef...
Genau wie der Titel sagt. Die Frage ist sehr merkw...
In diesem Artikelbeispiel wird der spezifische Co...
Aufgrund einiger seiner eigenen Merkmale (Sperren...
Wenn während des Entwicklungsprozesses nach der W...
Was ist ein Margin-Top-Collaps? Der Margin-Top-Co...
1. Installieren Sie das Baidu Eslint Rule-Plugin ...
Inhaltsverzeichnis verwendenMemo useCallback verw...
Wenn ein Index die Werte aller abzufragenden Feld...
1. Laden Sie das ElasticSearch 6.4.1-Installation...
Inhaltsverzeichnis Überblick Canvas API: Grafiken...
1. Fehlerdetails Als ich einmal manuell eine voll...
Dieser Artikel beschreibt anhand eines Beispiels,...
Problembeschreibung Wie wir alle wissen, wird bei...