회원가입 Ajax. Prototype -> JQuery 변경 후기

회원가입 Ajax. Prototype -> JQuery 변경 후기 정보

회원가입 Ajax. Prototype -> JQuery 변경 후기

마냐 홈페이지 자기소개 아이디로 검색 회원게시물 (125.♡.♡.41)
2009.01.12 12:20:05
2,190

본문

회원가입 폼에서 Prototype를 이용하여 회원아이디, 닉네임, 이메일 체크를 하는 부분을 JQuery로 변경해 보았습니다.

포인트경매에 나온 그책을 참고하여 말이지요.

코딩하는 스타일이나 방식에 따라서 다르겠지만.
단순히 코딩량으로만 비교하였을때 확실히 코딩량이 줄어들었습니다.

제가 Prototype은 전혀 알지 못하기 때문에 Ajax 관련 함수가 어떤것이 있는지는 잘모르겠지만.
저같은 경우에는 ajax_mb_nick_check.php에서 숫자출력하여 비교하지 않고 바로
문자를 출력해 버리는 방식으로 하여서 ajax_register_form.js 에 포함된 reg_mb_id_check,
return_reg_mb_id_check 함수를 3줄정도로 압축할 수 있었습니다.

간단하게
function chk_id() { $('#msg_mb_id').load('ajax_mb_nick_check.php', 파라미터); );
<input type='text' id='mb_id' onkeyup='chk_id()'>
<span id='msg_mb_id'></span>

위 코드만 가지고도 원하는 모습을 나타낼 수 있습니다.
키가 눌러질 때마다 php파일에서 필터링하여서 span에 출력하는 것이지요.

팁이라고 하기엔 너무 거시기해서 자게에 올려봅니다.

그누의 prototype을 jquery로 바꾸는 부분에 있어서는..
http://blog.naver.com/celeves?Redirect=Log&logNo=130033022289

뭐.. 그게그거인것 같더군요. ㅡ_

댓글 6개

아빠불당 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(125.♡.♡.92)

09.01.12 12:34:06

팁 올리세욤~!! 자개에 올림 사람들이 안볼 수 있쟎아요? 글쿠 load가 아닌 post를 쓰구 return false가 들어가서 마우스 클릭에 link가 걸리지 않게 해야 하지 않을까요?

마냐 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

(125.♡.♡.41)

09.01.12 13:19:37

load를 실행하면 기본적으로 post로 전송됩니다.
post 대신 load를 사용한 이유는 앞에서 지정한 아이디에 결과값을 자동으로 불러오기 때문이죠.

저는 img. 에 링크를 걸어서리..
a. 에 링크를 거신다면 당연히 함수안에 return false를 넣어주면 되겠죠.