获取未捕获的类型错误：无法读取未定义的属性“toLowerCase”

Question

在我问之前，我也在 stackoverflow 和其他网站上搜索了这个问题，他们中的大多数都提到你的“this”没有指向你试图从中获取价值的东西。那是因为它们中的大多数都从它们所针对的元素中调用了不同的函数。但是我的情况有点不同，这并没有解决我的问题，我的 HTML 代码是一种形式，其中一个字段是用户名并具有此代码，<label for="username">Username</label>                     <input type="text" id = "t_username" name="t_username" placeholder="Enter Teacher Username" value="" class="form-control" >                     </div>                     <span id = "availability"></span>我的JQuery代码如下 $('#t_username').blur(function()      {        var username = $(this).val();         $.ajax({          url: "action.php",           method: "POST",           data: {user_name: t_username},           dataType: "text",           success:function(html)          {            $('#availability').html(html);           }        });      });而我的 PHP 代码如下，if (isset ($_POST['username'])){  $user = $_POST['username'];  if ($db->username_check($user) != 0) // $db is an object of Database class   {    echo '<span class = "text-danger">Username already exists</span>';  }  else   {        echo '<span class = "text-success">Username is available</span>';  }}我的 SQL 函数是（在类中定义）public function username_check($user)    {      $sql = "SELECT * from tbl_teacher where username = :user";      $stmt = $this->conn->prepare($sql);      $stmt->execute(['user'=>$user]);      $t_rows = $stmt->rowCount();      return $t_rows;    }我试过使用这两个东西，但我仍然遇到同样的错误。谁能帮我解决这个问题？我已经尝试过（但没有很好的结果）var username = $(this.target).val();   -> This called an error of exceeded stack limit (because of some never ending recursive function I think) var username = $('#t_usernmae').val(); -> This did the same exceeded stack limit error 我也尝试过改变我的功能，$(#'t_username').on("blur", function(){.....*Everything here* ..... }); 代码的 JS Fiddle（我不知道如何创建它，但我在这里分享了一些代码）

Answer 1

您没有正确使用传递data。

您将需要使用username但您正在使用t_usernamewhich will be undefinedand notmaximum call stack size exceeded或toLowerCase错误将在控制台中抛出。

将您的ajaxjQuery 代码更改为此。一切都应该没问题。

$('#t_username').blur(function() {

  //Username

  var username = $(this).val();

  

  console.log(username)

  

  //Ajax

  $.ajax({

    url: "action.php",

    method: "POST",

    data: {

      user_name: username  //this needed a fix

    },

    dataType: "text",

    success: function(html) {

      $('#availability').html(html);

    }

  });

});