<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<title>JSP - Hello World</title>
<!-- jQuery -->
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-3.6.1.js" ></script>
<!-- iamport.payment.js -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.8.js"></script>
<script type="text/javascript">
$(function () {
$("#self").click(function () {
var IMP = window.IMP; // 생략 가능
IMP.init('imp27370044'); // 예: imp00000000
// IMP.certification(param, callback) 호출
IMP.certification({ // param
pg: 'MIIiasTest', //danal 또는 danal.{다날 CPID}, 이하 다른 파라미터는 생략
merchant_uid: "ORD20180131-0000011", // 주문 번호
m_redirect_url : '${pageContext.request.contextPath}/self', // 모바일환경에서 popup:false(기본값) 인 경우 필수, 예: https://www.myservice.com/payments/complete/mobile
popup : false
}, function (rsp) { // callback
if (rsp.success) {
alert("성공");
/*// jQuery로 HTTP 요청
jQuery.ajax({
url: "${pageContext.request.contextPath}/self", // 예: https://www.myservice.com/certifications
method: "POST",
headers: { "Content-Type": "application/json" },
data: { imp_uid: rsp.imp_uid }
});*/
} else {
alert("인증에 실패하였습니다. 에러 내용: " + rsp.error_msg);
}
});
});
});
</script>
</head>
<body>
<h1>본인 인증</h1>
<input type="button" id="self" value="본인인증">
</body>
</html>