php - 使用 AJAX/Jquery 实时查询用户名

Question

我想要一个像这样的 javascript 函数:

function isUsernameAvailable(username)
{
   //Code to do an AJAX request and return true/false if
  // the username given is available or not
}

这如何使用 Jquery 或 Xajax 完成？

Answer 1

使用 AJAX 的最大好处是它是异步的。您要求同步函数调用。这可以做到，但它可能会在等待服务器时锁定浏览器。

使用jquery:

function isUsernameAvailable(username) {
    var available;
    $.ajax({
        url: "checkusername.php",
        data: {name: username},
        async: false, // this makes the ajax-call blocking
        dataType: 'json',
        success: function (response) {
            available = response.available;
        }
     });
     return available;
}

然后你的 php 代码应该检查数据库，然后返回

{available: true}

如果名字没问题

也就是说，您可能应该异步执行此操作。像这样:

function checkUsernameAvailability(username) {
    $.getJSON("checkusername.php", {name: username}, function (response) {
        if (!response.available) {
            alert("Sorry, but that username isn't available.");
        }
    });
}