この記事は、jquery ajax でフォームデータを非同期に送信する方法を主に紹介しています。興味のある方は参考にしていただければ幸いです。
jquery の ajax メソッドを使用してフォームを非同期に送信すると、JSON データがバックグラウンドで返され、ページを更新せずに非同期の目的を達成できます。 Serialize() メソッドを使用してシリアル化できます。送信されたデータにファイル ストリームが含まれている場合は、FormData オブジェクトを使用する必要があります:
ファイルのないフォーム データは次を使用します: var data = $(form).serialize();
ファイルを含むフォームデータは次を使用します: var data = new FormData($(form)[0]);
1. ファイルを含まない Ajax 送信データ:html: form form
<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("请求失败") } }) })
html: form form
ファイルアップロードを含むフォームフォームは、enctype="multipart/form-data" 属性を