// 例: AJAX的CGI通信
function dbAccess() {			// 2019まで XMLHttpRequest()版
    function submit() {
	// https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch
	var val = document.forms[0].elements['value'];
	var tag = document.getElementById('tag');
	var body = JSON.stringify({val: val.value, tag: tag.value})
	if (val) {
	    fetch('./db.cgi', {
		method:	 "POST",
		headers: {'Content-Type': 'application/json; charset=utf-8'},
		body: body,
		// mode: "cors", cache: "no-cache",credentials:	"same-origin",
	    }).then(function(resp) {	// サーバからの結果が来たらここに来る
		return resp.json();
	    }).then(function(rj) {	// JSONが取得できたらここに来る
		var str = '合計:'+rj['合計'] + ' 平均:'+rj['平均']
		var all = '全件: ' + rj['全件'].join(', ')
		document.getElementById('result').textContent = str; //書き込む
		document.getElementById('all').textContent = all;
	    })
	}
    }
    document.getElementById('js-sub').addEventListener('click', submit);
}
document.addEventListener('DOMContentLoaded', dbAccess)