Heim >Web-Frontend >js-Tutorial >Wie übermittle ich Formulardaten mit Ajax? Einführung in die Methode zum Senden von Formulardaten mit Ajax
Wie übermittle ich Formulardaten mit Ajax? Einführung in die Methode zum Senden von Formulardaten mit Ajax
- 不言Original
- 2018-10-12 10:57:2122167Durchsuche
Für die Übermittlung von Formulardaten denken wir normalerweise an die Verwendung von Ajax. Wie übermittelt Ajax Formulardaten? Der folgende Artikel stellt Ihnen die Methode Ajax-Übermittlungsformulardaten vor. Partner in Not können sich darauf beziehen.
Lassen Sie uns ohne weitere Umschweife direkt zum Text übergehen.
Die Ajax-Übermittlung von Formulardaten kann in zwei Arten unterteilt werden: Die eine besteht darin, die Formulardaten an den Hintergrund zu senden, ohne Ergebnisse zurückzugeben Die Hintergrundverarbeitung ist abgeschlossen, die andere besteht darin, Ergebnisse zurückzugeben, und Informationen über den Erfolg oder Misserfolg der Hintergrundausführung müssen an die Rezeption zurückgegeben werden.
Ajax selbst gehört zur Kategorie der zurückgegebenen Ergebnisse, und die Erfolgsmethode besteht darin, die zurückgegebenen Ergebnisse im Hintergrund zu verarbeiten.
Ajax-Übermittlungsformular-Formulardaten können durch Rückgabe von Ergebnissen implementiert werden: Serialisieren Sie die Formular-Formulardaten
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>login test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="ajax方式">
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
function login() {
$.ajax({ //几个参数需要注意一下
type: "POST",//方法类型
dataType: "json",//预期服务器返回的数据类型
url: "/users/login" ,//url
data: $('#form1').serialize(),
success: function (result) {
console.log(result);//打印服务端返回的数据(调试用)
if (result.resultCode == 200) {
alert("SUCCESS");
}
;
},
error : function() {
alert("异常！");
}
});
} </script></head><body><div id="form-div">
<form id="form1" onsubmit="return false" action="##" method="post">
<p>用户名：<input name="userName" type="text" id="txtUserName" tabindex="1" size="15" value=""/></p>
<p>密 码：<input name="password" type="password" id="TextBox2" tabindex="2" size="16" value=""/></p>
<p><input type="button" value="登录" onclick="login()"> <input type="reset" value="重置"></p>
</form></div></body></html>Hinweis: Worauf Sie bei der Übermittlung von Formular-Formulardaten achten müssen auf diese Weise Die Elemente im Formular müssen über ein Namensattribut verfügen. Die im Hintergrund erhaltenen Schlüssel-Wert-Paare sind Schlüssel = Name, Wert = jeder Wert. Beachten Sie, dass es sich um ein Eingabe-Tag, einen Bereich oder andere Tags handelt ein Namensattribut sein. Es gibt kein Namensattribut. Dieses Element kann nicht im Hintergrund abgerufen werden. ,
Das Obige ist der gesamte Inhalt dieses Artikels. Weitere spannende Inhalte finden Sie in anderen Spalten der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonWie übermittle ich Formulardaten mit Ajax? Einführung in die Methode zum Senden von Formulardaten mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!