Jquey $(this).serialize()返回空字符串[重复]。

Question

这个问题在这里已经有了答案:

使用jQuery $(this)与ES6箭头函数(lexical this binding) (5个答案)

封闭 2个月前.

我已经检查了所有可能的错误，但无法解决。虽然有很多相关的问题，但还是不行。

       <form class="login-form" id="loginForm">
          <h3 class="login-head"><i class="fa fa-lg fa-fw fa-user"></i>SIGN IN</h3>
          <div class="form-group">
            <label class="control-label">USERNAME</label>
            <input class="form-control" type="text" name="email" id="email" placeholder="Email" autofocus>
          </div>
          <div class="form-group">
            <label class="control-label">PASSWORD</label>
            <input class="form-control" type="password" name="password" placeholder="Password">
          </div>
          <div class="form-group btn-container">
            <button class="btn btn-primary btn-block" name="login" id="loginBtn"><i class="fa fa-sign-in fa-lg fa-fw"></i>SIGN IN</button>
          </div>
        </form>

JS是

<script type="text/javascript">
      $("#loginForm").submit(e => {
          e.preventDefault();
          var values = $(this).serialize();
          console.log(values)
      });
</script>

此变量值为空

Answer 1

由于你使用的是箭头函数(() => {})、 this 将不会指向事件目标。

所以你需要使用。

var values = $(e.target).serialize()