> 웹 프론트엔드 > JS 튜토리얼 > jquery 연구 노트 jquery를 사용하여 새로 고침이 필요 없는 login_jquery 달성

jquery 연구 노트 jquery를 사용하여 새로 고침이 필요 없는 login_jquery 달성

WBOY
풀어 주다: 2016-05-16 18:03:45
원래의
1545명이 탐색했습니다.

좋아요, 잡담은 여기까지입니다. 이제 jquery를 사용하여 새로 고침 없이 로그인하는 방법을 살펴보겠습니다.
먼저 html 부분을 생성하세요

코드를 복사하세요 코드는 다음과 같습니다.




사용자 이름:







🎜>
인증 코드:

;img alt="확인 코드를 변경하려면 클릭하세요." title="잘 보이지 않습니다. 클릭하세요!" id="checkcord" src="img.ashx" />
🎜>

>




여기에 포함된 기능 다음과 같습니다: 로그인 확인 후 확인 코드 변경을 클릭하세요. 이에 대해 할 말이 없습니다.
다음은 jquery 부분입니다




코드를 복사하세요


코드는 다음과 같습니다.




대략적인 핵심 코드입니다. 사용자가 로그인 버튼을 클릭할 때 , 로그인 이벤트가 트리거되고 jquery를 사용하여 Login.ashx에 로그인합니다. 요청 시 Login.ashx에서는 사용자 이름과 비밀번호가 일치하는지, 확인 코드가 올바른지 확인합니다. Login.ashx는 C# 언어로 작성되었습니다. 다른 언어를 배우고 있다면 주소를 다른 언어로 변경하세요.
img.ashx는 이미지를 클릭할 때마다 img.ashx를 다시 방문하므로 이미지가 생성되면 인증을 저장하는 세션이 생성됩니다. Login.ashx에서 사용자가 입력한 값과 세션의 값이 동일한지 확인하면 됩니다. 여기서는 주요 소스코드만 보여드리겠습니다.




코드 복사


코드는 다음과 같습니다.

context.Response.ContentType = "text/ plain";
string 사용자 이름 = context.Request.Form["username"];
string 비밀번호 = context.Request.Form["password"];
string cord = context.Request.Form[" cord"] ;
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿