对文本输入框运行查询时，总是返回“ undefined”

Question

JS代码已根据以下注释进行了更新。 现在，警报框返回在输入框中键入的内容，但是我在查询解析以查看该用户是否存在时看不到它。

var friendName;

    $('#friendsearch').on('keyup', function(e) {
       friendName = $(e.target).val();
    var query = new Parse.Query(Parse.User);
    query.equalTo("username", friendName);  // find users that match
    query.find({
    success: function(friend) {
    alert(friendName); 
      },
        error: function (error) {
     //Show if no user was found to match

     alert("Error: " + error.code + " " + error.message);
         }

    });
    });

使用parse.com和JavaScript SDK，此代码应捕获输入框中的输入，然后针对parse数据库中的现有用户进行查询。

它运行没有问题，但是警报框始终返回“ undefined”（我不确定是否正确设置了“ friendName”变量）？

我正在努力理解为什么会这样，即使使用调试器也是如此。

任何帮助，我都非常感谢。

网址为http://kudosoo.com/findfriends.html ？

  <form class="Find Friend">

        <div class="error" style="display:none"></div>
        <input type="text" id="friendsearch" placeholder="Find Friend" class="input-field" required/> 
        <button type="submit" class="btn btn-login">Find</button> 
</form>




    <!-- Initialize the Parse object-->
    <script type="text/javascript">     
    Parse.initialize("xxx", "xxx");

var friendName;

$('#friendsearch').on('keyup', function(e) {
   friendName = $(e.target).val();
});

var query = new Parse.Query(Parse.User);
query.equalTo("username", friendName);  // find users that match
query.find({
success: function(friend) {
alert(friendName); 
  },
    error: function (error) {
 //Show if no user was found to match

 alert("Error: " + error.code + " " + error.message);
     }

});


 </script>

Answer 1

您必须在输入keyup事件内调用ajax请求，以搜索任何特定值：

var friendName;

$('#friendsearch').on('keyup', function (e) {
    friendName = $(e.target).val();
    var query = new Parse.Query(Parse.User);
    query.equalTo("username", friendName); // find users that match
    query.find({
        success: function (friend) {
            alert(friendName);
        },
        error: function (error) {
            //Show if no user was found to match

            alert("Error: " + error.code + " " + error.message);
        }

    });
});