스폰서 링크
jQuery와 PHP로 로그인 아약스의 시스템
최대 Bossi 쓴 기사
2 2 페이지
2 2 페이지
JavaScript 코드
먼저 우리는 페이지의 헤더에 jQuery 라이브러리를 포함해야합니다 :
<script type="text/javascript" src="jquery.js"> </ SCRIPT>그냥 닫는 </ body>를하기 전에, 대신,이 자바 스크립트 코드를 추가하자 :
<script type="text/javascript">
$는 ( "# Modulo_login"). (함수 () {제출
검사를 수행하는 PHP 파일에 / / 단계 데이터 (POST를 통해)
. $ 게시물 ( "login.php"{사용자 이름을 :. $ ( '# 사용자 이름') 발 (), 비밀 번호 :. $ ( '# 비밀 번호') 발 (), 랜드 : Math.random ()} 함수 ( 응답) {
/ / 경우 데이터가 정확한지 ...
경우 (== 1 답변) {
/ / ID "메시지"로 기간에 효과를 적용
$ ( "# 메시지"). FadeTo (200, 0.1, 함수 () {
페이드와 / / 먼저 괴물, 대기 메시지
$ (이). RemoveClass (). AddClass ( '잘못'). 텍스트 ( '로그인 현재 ...'). fadeTo (900, 1, 함수 () {
/ / 비공개 리디렉션 페이지의 끝에서
document.location = 'privata.php - 지역';
});
});
/ / 대신, 데이터가 정확하지 않으면 ...
다른 {}
/ / 오류 메시지가 인쇄
$ ( "# 메시지"). FadeTo (200, 0.1, 함수 () {
.. $ (이) RemoveClass () AddClass ( '오류') 문자 ( '로그인 잘못된 데이터!') FadeTo (900.1)..;
});
}
});
/ / (단 JavaScript 함수에 의해 처리되어야 함) 양식을 제출하지 마십시오
false를 반환;
});
</ SCRIPT>
코드는 서버 쪽 : '조금 PHP
우리는 마지막으로 서버 측 코드를 참조하십시오. 처음에 우리는 소스 파일 "login.php"를 참조하십시오 :
<PHP
/ / 값이 POST를 통해 전달 해
$ 사용자 이름 = 반드시 htmlspecialchars ($ _POST [ '사용자 이름'], ENT_QUOTES);
$ 비밀 번호 = MD5 ($ _POST [ '비밀 번호']);
/ / 나는 MySQL에 연결
( 'DB_USER', 'mio_utente') 정의;
( 'DB_PASS', 'my_login_password') 정의;
( 'DB_HOST', 'localhost를') 정의;
( 'DB_NAME', 'db_name') 정의;
$ Dbconn = mysql_connect (DB_HOST, DB_USER, DB_PASSWORD);
mysql_select_db (DB_NAME, $ dbconn);
/ /이 쿼리 로그의 정확성을 확인하십시오
$ 결과 = mysql_query ( "사용자 SELECT * WHERE 이름 = '."$ 사용자 이름. "'");
/ / risltati이있다는 것을 확인 ...
경우 (mysql_num_rows ($ 결과)> 0)
{
$ 행 = mysql_fetch_assoc ($ 결과);
/ / 제가 DB에 저장된 입력한 비밀 번호 그걸로 비교를
경우 (strcmp ($ 행 [ '비밀 번호'], $ 비밀 번호) == 0) {
/ / 성공하면 나는 Sesion을 만들
$ _SESSION [ '사용자 ID'] = $ 행 [ 'ID'];
/ / 몰드 1 (성공을 식별하는)
에코 1;
다른 {}
비교의 경우 / /이 곰팡이 제로 실패
또는 0 에코;
}
다른 {}
제로 곰팡이가 발생했습니다 / /면
에코 0;
}
>?
마지막으로 우리는 코드 "영역 - privata.php"을 참조하십시오
<PHP
/ / 인증 세션이 존재하는지 확인
경우 (빈 ($ _SESSION [ '사용자 ID'])) {
에코는 "당신은 민간 영역에 액세스할 수있는 권한이 없습니다";
출구;
}
/ /가 로그아웃 요청을 처리할 수
경우 (isset ($ _GET [ '로그아웃'])) {
session_destroy ();
에코 "당신이 성공을 함께하는";
출구;
}
?>
<HTML>
<HEAD>
<TITLE> 비공개 지역 </ 제목>
</ HEAD>
<BODY>
<- 개인 콘텐츠 영역 ->
<P>있는 <a href = "지역 - privata.php? 로그아웃"주세요 로그아웃 </ A> </ P>
<P> 어쩌구 저쩌구 ...</ P>
</ BODY>
</ HTML>
분명히 제안된 코드의 좋은 부분은 순전히 교육적인 목적이 있습니다. 이 문서의 목적은, 오직, 프로세스가 아약스와 로그인을하기 위해 따라보기 ...
(기사는 아래에 계속 ...)
주의 : 이 페이지 jQuery를 사용하여 달성 효과의 데모입니다.
같은 카테고리에 ...
E - 학습
 |
AJAX 코스
ASP, ASP.NET 및 PHP로 웹 2.0 AJAX 기반 애플 리케이션. 2012년 6월 1일까지 -10 % 할인합니다. |
 |
자바 스크립트 강좌
클라이언트측 스크립팅 가이드를 완료하십시오. 2012년 6월 1일까지 -10 % 할인합니다. |
 |
PHP 강좌
동적 웹 사이트를 만드는 전체 과정. 2012년 6월 1일까지 할인 -5 %를. |
스폰서 링크
