웹 프론트엔드 JS 튜토리얼 jquery ajax 登录验证实现代码_jquery

jquery ajax 登录验证实现代码_jquery

May 16, 2016 pm 06:46 PM
ajax 로그인 인증

使用 jquery 框架:下载 jquery.js
新建一个 web 工程 ajax ;
在 webRoot 下新建一个 jslib 文件夹:专门存放 js 文件;
在 webRoot 下新建一个 html/jsp 页面:
login.html

复制代码 代码如下:


在 jslib 下新建一个 js 文件:
verify.js ;
复制代码 代码如下:

function verify()
{
var paramObj=encodeURI(encodeURI($( "#username" ).val()));
$.get( "TestSvlt?username=" +paramObj, null ,callback);
}
function callback(data)
{
var resultObj=$( "#result" );
resultObj.html(data);
}

新建一个 servlet : AjaxLogin 类;在 doGet 方法中写
复制代码 代码如下:

response.setContentType( "text/html;charset=utf-8" );
PrintWriter out=response.getWriter();
String name=request.getParameter( "username" );
String username= URLDecoder.decode (name, "UTF-8" );
System. out .println(username);
if ( null ==username|| "" .equals(username))
{
out.print( "username is not null" );
}
else
{
if (! "lej" .equals(username))
{
out.print(username+ " not existing" );
}
else {
out.print(username+ " login successs" );
}
}
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법 jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법 Feb 20, 2024 am 10:07 AM

jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법

jQuery AJAX 요청 403 오류를 해결하는 방법 jQuery AJAX 요청 403 오류를 해결하는 방법 Feb 19, 2024 pm 05:55 PM

jQuery AJAX 요청 403 오류를 해결하는 방법

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까? Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까? Mar 09, 2024 pm 05:36 PM

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까?

jQuery AJAX 오류 403 문제를 해결하는 방법은 무엇입니까? jQuery AJAX 오류 403 문제를 해결하는 방법은 무엇입니까? Feb 23, 2024 pm 04:27 PM

jQuery AJAX 오류 403 문제를 해결하는 방법은 무엇입니까?

PHP 대 Ajax: 동적으로 로드되는 콘텐츠를 생성하기 위한 솔루션 PHP 대 Ajax: 동적으로 로드되는 콘텐츠를 생성하기 위한 솔루션 Jun 06, 2024 pm 01:12 PM

PHP 대 Ajax: 동적으로 로드되는 콘텐츠를 생성하기 위한 솔루션

Ajax 프레임워크 이해: 5가지 공통 프레임워크 살펴보기 Ajax 프레임워크 이해: 5가지 공통 프레임워크 살펴보기 Jan 26, 2024 am 09:28 AM

Ajax 프레임워크 이해: 5가지 공통 프레임워크 살펴보기

Ajax 기능을 사용한 비동기 데이터 교환 Ajax 기능을 사용한 비동기 데이터 교환 Jan 26, 2024 am 09:41 AM

Ajax 기능을 사용한 비동기 데이터 교환

아약스 버전은 무엇입니까? 아약스 버전은 무엇입니까? Nov 22, 2023 pm 02:00 PM

아약스 버전은 무엇입니까?

See all articles