/**
							* 登録フォームデータの送受信（非同期通信）
							*/
							
							function imginsert_form(form_id) {
							  var formId = document.getElementById(form_id);
							  // フォームオブジェクトを作成
							  var insert_data = new FormData(formId);
							  
							  if (insert_data == "") {
							  		return;
							  } else {	
							  	// サーバーとの通信を形成してオブジェクトを作成 
							  	var xhr = new XMLHttpRequest();
							  	xhr.onload = function (e) {
							  	  if (xhr.readyState == 4) {
							  	  	if (xhr.status == 200) {
							  	  	  // 送信元のid属性名の指定タグへリクエスト結果を返す
							  	  	  document.getElementById("reaction").innerHTML = xhr.responseText;
							  	  	} else {
							  	  	    alert('リクエストエラー: ${xhr.status}');
							  	  	}
							  	  }
							  	};
							  	xhr.onerror = function (e) {
							  	  alert('Network Error');
							  	};
							  	
							  	// リクエスト先に非同期で処理を指定
							  	xhr.open("POST", "insert.php", true);
							  	// フォームオブジェクトをPOSTで送信
							  	xhr.send(insert_data);
							  }
							}

							/**
							* 更新フォームデータの送受信（非同期通信）
							*/
							
							function updateform(form_id) {
							  var formId = document.getElementById(form_id);
							  // フォームオブジェクトを作成
							  var update_data = new FormData(formId);
							  
							  if (update_data == "") {
							  		return;
							  } else {	
							  	// サーバーとの通信を形成してオブジェクトを作成
							  	var xhr = new XMLHttpRequest();
							  	xhr.onload = function (e) {
							  	  if (xhr.readyState == 4) {
							  	  	if (xhr.status == 200) {
							  	  	  // 送信元のid属性名の指定タグへリクエスト結果を返す
							  	  	  document.getElementById("reaction").innerHTML = xhr.responseText;
							  	  	} else {
							  	  	    alert('リクエストエラー: ${xhr.status}');
							  	  	}
							  	  }
							  	};
							  	xhr.onerror = function (e) {
							  	  alert('Network Error');
							  	};		
							  	
							  	// リクエスト先に非同期で処理を指定
							  	xhr.open("POST", "update2.php", true);
							  	// フォームオブジェクトをPOSTで送信
							  	xhr.send(update_data);
							  }
							}