Javascript 如何在不使用wordpress刷新页面的情况下检查用户名是否存在

我想检查表单中的一个文本字段，看看数据库中是否存在用户名。我想在不刷新页面的情况下使用它，我正在使用Wordpress。我知道可以通过ajax实现这一点，但我在Wordpress中尝试过ajax，但任何ajax代码都没有在其上运行。请提供任何代码或任何有用的链接。上次我试过这个，但没有成功：

<?php
if(!empty($user_name)){ 

$usernamecheck = $wpdb->get_results("select id from wp_teacher_info where      user_name='$user_name'");
if(!empty($usernamecheck)){
echo'username not available';
}
else {

}
}?>

<label for="user_name" id="user_name">Username: </label>
<input type="text" name="user_name" id="user_name" required/>
<span id="user-result" ></span>


<script type="text/javascript">

jQuery("#user_name").keyup(function (e) { //user types username on   inputfiled

var user_name = jQuery(this).val(); //get the string typed by user
jQuery.post('teacher_form.php', {'user_name':user_name}, function(data) { 
jQuery("#user-result").html(data); //dump the data received from PHP page
});
});
</script>

使用

将来

---

但是每次keyup事件都会调用ajax。。你可以用**.blur**代替**.keyup**

@Khan它不工作的意思是什么。。有错误吗？什么都没发生。。检查teacher_form.php路径当我键入数据库中存在的用户名时，没有发生任何事情@穆罕默德·优素福

if(!empty($_POST['user_name']){ 
  $user_name = $_POST['user_name'];

<?php
if(!empty($_POST['user_name']){ 
      $user_name = $_POST['user_name'];
      $usernamecheck = $wpdb->get_results("select id from wp_teacher_info where user_name='$user_name'");
      if(!empty($usernamecheck)){
         echo'username not available';
      }
      else {

      }
}
?>