안녕하세요!
프로젝트중인 학생입니다.
https://developers.kakao.com/docs/js/kakaologin#예제-로그인-버튼-추가
이 방식으로는 DB에 insert까지 완료가 된 상황인데
로그인 버튼을 이미지로 바꿨는데 Uncaught ReferenceError: loginWithKakao is not defined 이 에러가 뜨면서 에러가 납니다 ㅠ.ㅠ 어떤게 잘 못 된걸까요?
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<link rel="stylesheet"
href="fonts/material-icon/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="css/join.css">
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<ul class="socials">
<li>
<a id="custom-login-btn" href="javascript:loginWithKakao()">
<img src="images/login/kakao_btn_small.png">
</a>
</li>
<li><a href="#"><i
class="display-flex-center zmdi zmdi-naver">N</i></a>
</li>
</ul>
<script type="text/javascript">
$(document).ready(function() {
$('#login').click(function() {
location.href = '${pageContext.request.contextPath}/member/list';
});
//사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('key');
//카카오 로그인 버튼을 생성합니다.
function loginWithKakao() {
Kakao.Auth.cleanup();
Kakao.Auth.login({
success: function(authObj) {
console.log(authObj);
Kakao.API.request({
url: '/v2/user/me',
success: function(res) {
var parameter = JSON.stringify({
'id': res.kakao_account.email,
'password': res.id,
'name': res.properties.nickname
});
$.ajax({
url: 'memberrest.htm',
data: parameter,
contentType: 'application/json;charset=UTF-8',
type: 'POST',
success: function() {
alert("Welcome to ParkinSeoul!");
location.href = "home.htm";
}
});
}
});
},
fail: function(err) {
alert(JSON.stringify(err));
}
});
};
});
</script>