jQueryでajaxを使ってファイルをPOSTするサンプル

JQueryでajaxを使ってファイルをPOSTするサンプル jQuery

JQueryでajaxを使ってファイルをPOSTするサンプル

jQueryのajax機能を使って、ファイルなどをPOSTする時の書き方サンプルです。対象IDを記述したformタグからactionの中身を取得して、POSTしています。

// 情報をajaxでPOST
function dataSubmit(formId, callback) {
	var postUrl = $(formId).attr('action');
	form = $(formId);
	fd = new FormData(form[0]);

	// ajax通信
	$.ajax({
		url: postUrl,
		type:'POST',
		data: fd,
		processData: false,
		contentType: false,
		timeout:10000,
		success: function(data) {
			alert('登録完了しました');
			eval(callback);
		},
		error: function(XMLHttpRequest, textStatus, errorThrown) {
			alert("error-->" + textStatus);
			eval(callback);
		}
	});
}

 

投稿に成功するとsuccessの中が実行されます。