<!DOCTYPE html> <!-- 前端代码 --> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" placeholder="输入一个昵称" id="name"><br> <!-- <input type="submit" value="发送请求" id="submit"> --> <h3></h3> </body> </html> <script src='jquery-3.2.1.js'></script> <script> $(function () { $("#name").blur(function() { // 创建请求对象 var xhr = new XMLHttpRequest(); // 请求行 // 获取参数 var name = $("#name").val(); console.log(name); xhr.open('get', 'getData.php?name=' + name); // 请求头 // xhr.setRequestHeader('a', 'b'); // 请求体 xhr.send(null); // 注册回调函数 xhr.onload = function() { // xhr.responseText 为服务器返回的数据 $("h3").text(xhr.responseText); }; }); }); </script>
<?php // 后端代码 // 获取传过来的数据 $name = $_GET['name']; // 用户名数据库 $nameArr = array("ray", "lee", "918"); // 查找该用户名是否存在数据库 $res = in_array($name, $nameArr); // 根据查询结果, 返回数据 if ($res) { echo "已经被注册, 请更换一个!"; } else { echo "没有被使用, 赶快注册吧!"; } ?>