javascript - 如何捕获输入到 Jquery 中的变量

Question

基本上我正在尝试在 Jquery 中创建一个 AJAX 脚本。但主要问题是我想像这样定义变量

$(document).ready(function () {
    var u = $('#username');
    var s = $('#server');
    var p = $('#password');

    $('#server').keyup(function () {
         $.post("connect.php", { s: s.value, u: u.value , p: p.value },
             function(data) {
             $('#hol').html('checking connection...' + u.value + " " + p.value + " " + s.value + " " + data);
                             }
                 ); 
   });

});

但不知何故这不起作用....我必须用“this”定义变量而不是能够事先分配它们似乎很奇怪。

有效的代码是

$(document).ready(function () {

    $('#username').keyup(function () {
        var u = this;
            $('#password').keyup(function () {
            var p = this;
                   $('#server').keyup(function () {
                    var s = this;

                     $.post("connect.php", { s: s.value, u: u.value , p: p.value },
                     function(data) {
                        $('#hol').html('checking connection...' + u.value + " " + p.value + " " + s.value + " " + data);
                                         }); });
                 }); 
                  }); 
   });

所以我的问题基本上是“如何让 jquery 捕获文本字段中的输入并将其分配给变量？就像第一个示例一样？？”还是不必走很远的路？

Answer 1

您需要使用 .val() 而不是 .value:

{ s: s.val(), u: u.val() , p: p.val() }

因为 s、u 和 p 是 jQuery 对象，而不是 DOM 元素。