Rumah > hujung hadapan web > tutorial js > Ajax验证用户名(图文详解)

Ajax验证用户名(图文详解)

php中世界最好的语言
Lepaskan: 2018-04-04 16:17:57
asal
1533 orang telah melayarinya

这次给大家带来Ajax验证用户名(图文详解),Ajax验证用户名的注意事项有哪些,下面就是实战案例,一起来看一下。

用Ajax验证用户名代码如下所示:

接口:

 get
guestbook/index.php
m : index
a : verifyUserName
username : 要验证的用户名
Salin selepas log masuk

返回

{
code : 返回的信息代码 0 = 没有错误,1 = 有错误
message : 返回的信息 具体返回信息
}
Salin selepas log masuk

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'; //正确信息加绿色
}
});
}
Salin selepas log masuk

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Ajax怎么实现异步用户名验证

jQuery+AJAX调用页面的后台

Atas ialah kandungan terperinci Ajax验证用户名(图文详解). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan