<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<link rel="stylesheet" href="../css/outStyle.css">
	<script src="../js/jquery-3.6.0.min.js"></script>
	<style>
		table {
			text-align: center;
		}

		div {
			padding: 20px;
			background: green;
		}
	</style>
</head>

<body>
	<input type="button" id="type_json" value="타입json">
	<input type="button" id="type_html" value="타입html">
	<div></div>
	<script>
		let v_id2 = document.getElementById('type_html');
		v_id2.addEventListener('click', function () {

			let req = new XMLHttpRequest();

			//요청
			//req.open(method, url, async)
			req.open('get', 'lprod2.jsp');
			req.send();
			//응답
			req.onreadystatechange = function () {
				if (this.readyState == 4 && this.status == 200) {
					let data = this.responseText;
					document.querySelector('div').innerHTML = data;
				}
			}
		});

	</script>
</body>

</html>