- <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를 이용하여 중복확인을하고 중복인지 아닌지를 텍스트로 출력해주면 된다.
