「ajax入門」JSP画面からフォームデータ(new FormData())を取得するサンプル

2017年10月24日

1.JSPコード
<form id="cft" action="/Member/MemberIdSet" method="post" enctype="multipart/form-data">
<input type="hidden" id="memberid" name="userid">
//some code
<input type="file" name="upfile" id="upfile">
</form>

2.フォームデータを取得する
方法1
var cftForm = new FormData($('#cft’).get(0));
方法2
var cftForm = new FormData(document.getElementById(“cft"));

3.ajaxコード
$.ajax({
type : “POST",
url : xxx,
dataType : “text",
data : cftForm,
//some code
});