ajax가 되질않아요
- 작성자 :
- 유*종
- 작성일 :
- 2020-01-09 14:05:07
- 조회수 :
- 2,553
- 구분 :
- 개발환경
- 진행상태 :
- 완료
Q
스프링에선됐었는데 전자정부넘어오면서부터 아작스가안됐던것같습니다... 시스아웃 원하는출력값얻어도 success로 넘어가질않습니다.. 왜이런걸까요....
<div class="form-group">
<input type="text" class="form-control" id="userId" name="userId"
placeholder="ID">
<div class="check_font" id="idcheck"></div>
</div>
<script>
var idJ = /^[a-z0-9]{4,12}$/;
// 아이디 유효성 검사(1 = 중복 / 0 != 중복)
$("#userId").blur(function() {
// id = "id_reg" / name = "userId"
var userId = {userId : $("#userId").val()};
/* var query = {ID : $("#ID").val()}; */
$.ajax({
url : "<c:url value='/idcheck.do'/>",
type : 'get',
data : userId,
dataType : "html",
success : function(data) {
console.log("1 = 중복o / 0 = 중복x : "+ data);
if (data == 1) {
// 1 : 아이디가 중복되는 문구
console.log(data);
$("#idcheck").text("사용중인 아이디입니다 :p");
$("#idcheck").css("color", "red");
$("#reg_submit").attr("disabled", true);
} else {
if(idJ.test(userId)){
// 0 : 아이디 길이 / 문자열 검사
$("#idcheck").text("");
$("#reg_submit").attr("disabled", false);
} else if(userId == ""){
$('#idcheck').text('아이디를 입력해주세요 :)');
$('#idcheck').css('color', 'red');
$("#reg_submit").attr("disabled", true);
} else {
$('#idcheck').text("아이디는 소문자와 숫자 4~12자리만 가능합니다 :) :)");
$('#idcheck').css('color', 'red');
$("#reg_submit").attr("disabled", true);
}
}
}, error : function(error) {
console.log("실패");
}
});
});
</script>
밑에 글은 올라가지질않아서 막올려본건데 비밀번호를 엉뚱하게썼나봐요... 삭제가안되요..ㅠㅠ
<div class="form-group">
<input type="text" class="form-control" id="userId" name="userId"
placeholder="ID">
<div class="check_font" id="idcheck"></div>
</div>
<script>
var idJ = /^[a-z0-9]{4,12}$/;
// 아이디 유효성 검사(1 = 중복 / 0 != 중복)
$("#userId").blur(function() {
// id = "id_reg" / name = "userId"
var userId = {userId : $("#userId").val()};
/* var query = {ID : $("#ID").val()}; */
$.ajax({
url : "<c:url value='/idcheck.do'/>",
type : 'get',
data : userId,
dataType : "html",
success : function(data) {
console.log("1 = 중복o / 0 = 중복x : "+ data);
if (data == 1) {
// 1 : 아이디가 중복되는 문구
console.log(data);
$("#idcheck").text("사용중인 아이디입니다 :p");
$("#idcheck").css("color", "red");
$("#reg_submit").attr("disabled", true);
} else {
if(idJ.test(userId)){
// 0 : 아이디 길이 / 문자열 검사
$("#idcheck").text("");
$("#reg_submit").attr("disabled", false);
} else if(userId == ""){
$('#idcheck').text('아이디를 입력해주세요 :)');
$('#idcheck').css('color', 'red');
$("#reg_submit").attr("disabled", true);
} else {
$('#idcheck').text("아이디는 소문자와 숫자 4~12자리만 가능합니다 :) :)");
$('#idcheck').css('color', 'red');
$("#reg_submit").attr("disabled", true);
}
}
}, error : function(error) {
console.log("실패");
}
});
});
</script>
밑에 글은 올라가지질않아서 막올려본건데 비밀번호를 엉뚱하게썼나봐요... 삭제가안되요..ㅠㅠ
A
안녕하세요.
표준프레임워크센터 입니다.
우선 확인하셔야 되는사항은
ajax URL을 브라우저에서 직접 호출했을때
JSON으로 결과가 넘어오는지 확인이 필요해 보입니다.
해당 부분에 이상이 없다면
dataType : "html"으로 정의되어 있는데
json으로 정의해야 할듯 합니다.
해당 부분을 점검하시면
해결이 가능하지 않을까 예상 됩니다.
감사합니다.
표준프레임워크센터 입니다.
우선 확인하셔야 되는사항은
ajax URL을 브라우저에서 직접 호출했을때
JSON으로 결과가 넘어오는지 확인이 필요해 보입니다.
해당 부분에 이상이 없다면
dataType : "html"으로 정의되어 있는데
json으로 정의해야 할듯 합니다.
해당 부분을 점검하시면
해결이 가능하지 않을까 예상 됩니다.
감사합니다.