JQuery Uncaught SyntaxError Неожиданный идентификатор

Question

Я пытаюсь сделать запрос ajax, чтобы проверить базу данных, если это имя пользователя доступно, но при попытке запустить скрипт в консоли, это дает мне ошибку, что это Uncaught SyntaxError-Unexpected Identifier , Я проверил свой код, но не могу найти проблему. Может кто-нибудь, пожалуйста, помогите мне понять это?

Вот мой код.

main.js

$('#checkusername').keyup(function() { 
    $.ajax({ 
     var username = $('#checkusername').val(); 

     url: 'usernamecheck-validate.php', 
     type: 'POST', 
     data: {checkusername: username}, 
     success: function(data){ 
      $('.status').html(data); 
     } 
    }); 

}); 

register.php

<form action="#" method="POST"> 
    <input type="text" name="email" id="email" class="form" placeholder="Enter Email"><br><br> 
    <input type="text" name="username" id="checkusername" class="form" placeholder="Enter Username"><br><br> 
    <input type="password" name="password" id="password" class="form" placeholder="Enter Password"><br><br> 
    <input type="submit" name="register-validation-button" class="form-btn" value="Register Account"> 
</form> 

Answer 1

Вам нужно определить usernameвне объекта, которую Вы предоставляете $.ajax вызова:

$('#checkusername').keyup(function() { 
    var username = $('#checkusername').val(); 
    $.ajax({ 
     url: 'usernamecheck-validate.php', 
     type: 'POST', 
     data: { 
      checkusername: username 
     }, 
     success: function(data){ 
      $('.status').html(data); 
     } 
    }); 
}); 

Answer 2

вы не можете использовать вар в AJAX, как вы делали в OP .. использовать его как это

$('#checkusername').keyup(function() { 
    var username = $('#checkusername').val(); 
    $.ajax({ 
     url: 'usernamecheck-validate.php', 
     type: 'POST', 
     data: {checkusername: username}, 
     success: function(data){ 
      $('.status').html(data); 
     } 
    }); 

});