JQuery实现ajax的get请求实例

JQuery实现ajax的get请求实例:

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

用户名不可用时:

代码:

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>

资源均来自第三方，谨慎下载，前往第三方网站下载解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com