아는 것이 좋은 것이다.

[AJAX] jquery 실시간 중복체크 본문

AJAX

[AJAX] jquery 실시간 중복체크

start0 2014. 6. 26. 09:33 
<html>
<head>
<title>AJAX 실시간 중복체크</title>
</head>
<body>
<input type="text" name="id" id="id" />
<input type="button" value="요청" id="ajax_request"/>
<div id="loadtext">준비중</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script><!-- 최신버전 제이쿼리 -->
<script type="text/javascript">
	$("#ajax_request").click(function(){
		var id = $('#id').val();
		$.ajax({
		type: "POST",
		url: "test.asp", //이페이지에서 중복체크를 한다
		data: "id="+ id ,//test.asp에 id 값을 보낸다
		cache: false,
		success: function(data){
			$("#loadtext").html(data); //해당 내용을 보여준다
		}
		});
	});
</script>
</body>
</html>

test.asp 에서는 db를 이용하여 중복확인을하고 중복인지 아닌지를 텍스트로 출력해주면 된다.

저작자표시

'AJAX' 카테고리의 다른 글

[AJAX] 요청시 페이지 불러오기(아이디 중복체크)  (0) 2014.06.17
[AJAX] 실시간 더보기 more (asp) 페이징 기능  (0) 2014.04.30
[AJAX] 실시간 더보기 more (php) 페이징 기능  (2) 2014.04.30
공유하기 링크
'AJAX' Related Articles more
Comments