AIDE技术官网
AIDEZY.COM

JQuery实现ajax的get请求判断用户名是否存在

JQuery实现ajax的get请求实例

JQuery实现ajax的get请求实例

JQuery实现ajax的get请求实例:

 

jquery实现get请求判断用户名是否存在

JQuery实现ajax的get请求判断用户名是否存在 jQuery教程 第2张

 

用户名不可用时:

 

JQuery实现ajax的get请求判断用户名是否存在 jQuery教程 第3张

 

代码:

 

 

PHP代码:

<?php

if (empty($_GET)) {
exit();
}


$un = $_GET['un'];

echo in_array($un , array('lishi','wangwu'))?1:0;

?>

 

HTML代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>jquery ajax请求</h1>
<input type="text" name="username"><span id="xiao"></span><br><br>
<input type="text" name="">

</body>
<script type="text/javascript" src="jquery-3.4.1.js"></script>

<script type="text/javascript">
//author:无陌然 blog:aidezy.com
//jquery的ajax get请求
$('input:first').blur(function(){
var url = '11.php?un=' + $(this)[0].value;
$.get(url , function(msg){
// alert(msg);
if (msg == 0) {
$('#xiao').html('<font color="greey">可用</font>');
}else{
$('#xiao').html('<font color="red">不可用</font> ');
}
})
});


</script>
</html>

搜一下

海报生成 赞(1) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册