> 웹 프론트엔드 > JS 튜토리얼 > Ajax 확인 사용자 이름 예제 코드

Ajax 확인 사용자 이름 예제 코드

韦小宝
풀어 주다: 2018-01-10 09:59:19
원래의
1373명이 탐색했습니다.

이 글에서는 Ajax 검증 사용자 이름의 예제 코드를 주로 소개합니다. 매우 실용적이고 실용적인 Ajax 소스 코드를 제공합니다. Ajax 검증 사용자 이름에 익숙하지 않은 친구들도 한 번 살펴보세요!

Ajax로 사용자 이름을 확인하는 코드는 다음과 같습니다.

Interface:

 get
guestbook/index.php
m : index
a : verifyUserName
username : 要验证的用户名
로그인 후 복사

Return:

{
code : 返回的信息代码 0 = 没有错误,1 = 有错误
message : 返回的信息 具体返回信息
}
로그인 후 복사

jsCode:

oUsername1.onblur = function() { //失去焦点的时候,把当前用户名给后端去验证
ajax('get', 'guestbook/index.php', 'm=index&a=verifyUserName&username=' + this.value, function(data) {
//alert(data); 浏览器调试查看
var d = JSON.parse(data); //解析
oVerifyUserNameMsg.innerHTML = d.message; //将返回信息展示到页面上
if (d.code) { //code : 返回的信息代码 0 = 没有错误,1 = 有错误
oVerifyUserNameMsg.style.color = 'red'; //错误信息加红色
} else {
oVerifyUserNameMsg.style.color = 'green'; //正确信息加绿色
}
});
}
로그인 후 복사

예를 들어보겠습니다. 아약스 코드 인증 사용자 이름 많은 정보를 공유하니 모두에게 도움이 되기를 바랍니다!

관련 권장 사항:

Ajax 비동기 파일 업로드 예제 코드 공유

Ajax 요청 및 필터 협력 사례에 대한 자세한 설명

ajax는 매개 변수가 너무 길어서 성공적으로 제출할 수 없는 문제를 빠르게 해결합니다. 해결하려고

위 내용은 Ajax 확인 사용자 이름 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿