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
Wenn wir wissen, welche For-Schleife oder welcher...
Dieses Tutorial beschreibt den Prozess der manuel...
Da ich in letzter Zeit mit Linux herumgespielt ha...
Was ist DOM? Mit JavaScript können Sie das gesamt...
Das Installationstutorial zur dekomprimierten Win...
Inhaltsverzeichnis Der erste Schritt besteht dari...
Als ich kürzlich jQuery lernte, stieß ich auf die...
Dieser Artikel stellt hauptsächlich das Beispiel ...
1. Yum-Installation yum installiere Subversion 2....
1. Problembeschreibung Beim Starten von MySQL tri...
Einführung Teil 1: Am Anfang geschrieben OneProxy...
1. Inline-Stile Um Inline-Stile zum virtuellen DO...
Beim Abspielen von Musik werden die Liedtexte im ...
Verwenden Sie v-model, um das Paging-Informations...
Inhaltsverzeichnis Frage analysieren lösen Ersetz...