javascript - ajax 调用不适用于双数据参数

Question

下面是我的 ajax 代码

$('.username-check').on('click', function() {
    //console.log('You clicked');
    alert(username);
    var username = $('.username-target'),
        lastname = $('.lastname-target'),
        feedback = $('.username-feedback');

    function changeFeednackText(text){ feedback.text(text); }

    function couldNotCheck(){ changeFeednackText('Could not check at this time'); }

    $.ajax({
        url: 'check/username.php',
        type: 'get',
        data: {
            username: username.val(),
            lastname: lastname.val()
        },
        dataType: 'json',
        success: function(data){
            if(data.available !== undefined){
                if(data.available === true){
                    changeFeednackText('That username is available.');
                }else{
                    changeFeednackText('Sorry, that username is not available.');
                }
            }else{
                couldNotCheck();
            }
        },
        error: function(){
            couldNotCheck();
        }
    });
});

我的 HTML 代码

<form action="signup.php" method="post" autocomplete="off">
    <div>
        <label for="username">First Name<input type="text" name="username" id="username" class="username-target"></label><br />
        <label for="lastname">Last Name<input type="text" name="lastname" id="lastname" class="lastname-target"></label><br />
        <a href="javascript:;" class="username-check">Check username</a>
    </div>
    <div class="username-feedback"></div>
    <div><input type="submit" value="Check"></div>
</form>

我的 PHP 也在下面

header('Content-Type: application/json');
$username = (isset($_GET['username'])) ? htmlspecialchars($_GET['username']) : null;
$lastname = (isset($_GET['lastname'])) ? htmlspecialchars($_GET['lastname']) : null;

$available = true;
if($username == 'bar' && $lastname == 'foo'){
// if($username == 'bar'){
    $available = false;
}
$arr = array('username' => $username . $lastname, 'available' => $available);
echo json_encode($arr);

如果我使用像这样的 if 语句 if($username == 'bar'){ 但当我使用检查时，上面的代码工作正常并返回 false两个值，例如 if($username == 'bar' && $lastname == 'foo'){ 它总是返回 true。

请注意，我已尝试分别使用 foo 和 bar 作为用户名和姓氏来获得false回调，但没有成功。不知道这里出了什么问题，但我希望你们中的任何人都可以发现错误并帮助我..您有任何想法吗？

Answer 1

尝试改变:

 if(data.available !== undefined){

至

 if( typeof(data.available) != "undefined" ) {

在你的成功函数中。