frm_input_produk.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Form Input Produk</title>
	<link rel="stylesheet" href="">
	<script>
		function kirim_produk() {
		    xmlhttp = get_xml_http();
		    if (xmlhttp == null) {
		        alert("Your borwser does not support the XMLHttpRequest object");
		        return
		    }
		    var url ="input_produk.php";
		    var content = get_content();
		    xmlhttp.open("POST", url, !0);
		    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		    xmlhttp.setRequestHeader("Content-length", content.length);
		    xmlhttp.setRequestHeader("Connection", "close");
		    xmlhttp.onreadystatechange = state_changed;
		    xmlhttp.send(content);

		    function get_content() {
		        var string = "";
		        string += "kode=";
		        string += document.getElementById("kode").value;
		        string += "&";
		        string += "nm_produk=";
		        string += document.getElementById("nm_produk").value;
		        string += "&";
		        string += "ktg_produk=";
		        string += document.getElementById("ktg_produk").value;
		        string += "&";
		        string += "berat=";
		        string += document.getElementById("berat").value;
		        string += "&";
		        string += "harga=";
		        string += document.getElementById("harga").value;
		        return string
		    }

		    function state_changed() {
		        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		            document.getElementById('ajax_data').innerHTML = xmlhttp.responseText;
		        }
		    }
		}

		function get_xml_http() {
		    if (window.XMLHttpRequest) {
		        return new XMLHttpRequest()
		    }
		    if (window.ActiveXObject) {
		        return new ActiveXObject("Microsoft.XMLHTTP")
		    }
		    return null
		}		
	</script>
</head>
<body>
	<h3>Form Input Produk</h3>
	<div id="ajax_data"></div>
	<form action="javascript:void(0);" name="frm_input_produk">
	<table border="0">
		<tr>
			<td>Kode Produk</td>
			<td><input type="text" id="kode"></td>
		</tr>
		<tr>
			<td>Nama Produk</td>
			<td><input type="text" id="nm_produk"></td>
		</tr>
		<tr>
			<td>Kategori</td>
			<td><input type="text" id="ktg_produk"></td>
		</tr>
		<tr>
			<td>Berat</td>
			<td><input type="text" id="berat"></td>
		</tr>				
		<tr>
			<td>Harga</td>
			<td><input type="text" id="harga"></td>
		</tr>				
		<tr>
			<td>&nbsp;</td>
			<td>
				<button onclick="return kirim_produk();">Simpan</button>
			</td>
		</tr>				
	</table>
	</form>
</body>
</html>