<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function checkname(){
//ajax校驗用戶名
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState==4){
document.getElementById('result').innerHTML = xhr.responseText;
}
}
//獲得輸入的用戶名，并傳遞個服務器端
var ming = document.getElementById('username').value;
//對ming變量的特殊符號信息進行編碼
ming = encodeURIComponent(ming);
xhr.open('get','./04.php?nm='+ming+'&age=23');
xhr.send(null);
}
</script>
</head>
<body>
<h2>ajax之get形式請求</h2>
<p>用戶名：<input type="text" id="username" onblur="checkname()" /></p>
<p>密碼：<input type="password" id="userpwd" /></p>
<div id="result"></div>
</body>
</html>
<?php
/**
* Created by PhpStorm.
* User: bochaoceng
* Date: 1/2/18
* Time: 10:44
*/
$exists = array('linken','mary','jim');
$name = $_GET['nm'];
if ( in_array($name ,$exists)){
echo "<span style='color: red'> 用戶名已經存在，請換一個</span>";
}else{
echo "<span style='color: green'> 恭喜 可以試用此名字</span>";
}
