Dieser Artikel stellt hauptsächlich die Methode zur asynchronen Übermittlung von Formulardaten in JQuery Ajax vor. Ich hoffe, dass er jedem helfen kann.
Verwenden Sie die Ajax-Methode von jquery, um das Formular asynchron zu senden. Nach dem Erfolg werden die JSON-Daten im Hintergrund zurückgegeben und von der Rückruffunktion verarbeitet. Sie können asynchrone Zwecke erreichen, ohne die Seite zu aktualisieren
Sie können die Methode „form data ()“ für die Serialisierung verwenden. Wenn die übermittelten Daten einen Dateistream enthalten, müssen Sie das FormData-Objekt verwenden: Formulardaten ohne Datei verwenden: var data = $(form).serialize();Verwendung von Formulardaten mit Dateien: var data = new FormData($(form)[0]);1 . Ajax-Übermittlungsdaten ohne Dateien:
html: Formular<form id="addForm" action="${pageContext.request.contextPath}/admin/saveAdd" method="post"> <input type="text" name="name" placeholder="请输入名字" /> <input type="password" name="password" placeholder="密码"/> </form> <button type="button" id="submitAdd">确认</button>
$("#submitAdd").click(function(){ var targetUrl = $("#addForm").attr("action"); var data = $("#addForm").serialize(); $.ajax({ type:'post', url:targetUrl, cache: false, data:data, dataType:'json', success:function(data){ alert('success'); }, error:function(){ alert("请求失败") } }) })
2. Ajax-Übermittlung von Daten mit Dateien:
HTML: Formular Formulare mit Datei-Uploads müssen im Attribut