> 웹 프론트엔드 > JS 튜토리얼 > Ajax 확인 사용자 이름(자세한 그래픽 및 텍스트 설명)

Ajax 확인 사용자 이름(자세한 그래픽 및 텍스트 설명)

php中世界最好的语言
풀어 주다: 2018-04-04 16:17:57
원래의
1483명이 탐색했습니다.

이번에는 Ajax 사용자 이름 확인(상세 사진 및 텍스트 설명)을 가져왔습니다. Ajax 사용자 이름 확인 시 주의사항은 무엇인가요?

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

인터페이스:

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

Return

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

js

oUser
name1.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'; //正确信息加绿色
}
});
}
로그인 후 복사

이 글의 사례를 읽으신 후 방법을 마스터하셨으리라 믿습니다. 더 흥미로운 내용을 보려면 중국 웹사이트의 PHP 기타 관련 기사를 주목하세요!

추천 자료:

Ajax는 어떻게 비동기 사용자 이름 확인을 구현합니까?

jQuery+AJAX는 페이지의 배경을 호출합니다

위 내용은 Ajax 확인 사용자 이름(자세한 그래픽 및 텍스트 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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