javascript - 我想通过选择类来获取数据并使用 jquery 在控制台中打印它-6ren

javascript - 我想通过选择类来获取数据并使用 jquery 在控制台中打印它

转载作者：行者123 更新时间：2023-12-03 01:44:34

24

4

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
      </head>
      <body>
        <div class="container">
      <label for="uname"><b>Username</b></label>
      <input type="text" placeholder="Enter Username" name="uname" required>

      <label for="psw"><b>Password</b></label>
      <input type="password" placeholder="Enter Password" name="psw" required>

      <button type="submit" onclick=" doFunction()">Login</button>
      <label>
        <input type="checkbox" checked="checked" name="remember"> Remember me
      </label>
    </div>

    <script>
    function doFunction(){
    var data = $('.container').serializeArray();//this will convert into array
    console.log(typeof data)//print the type of data
    console.log(data);//print the data
}
</script>
</body>

我想通过id选择类并在控制台中查看数据以检查数据是否被正确处理。打印数据时我得到 length=0。

我的输出:

object
blabla.html:25 []
length: 0
__proto__: Array(0)
blabla.html:27 
string

最佳答案

serializeArray() 方法旨在在 form 元素上调用，而不是在 div 上调用。因此，您应该将逻辑 Hook 到父表单的 submit 事件，而不是按钮的 click ，当然也不要使用 on* > 事件属性。试试这个:

$('form').on('submit', function(e) {
  e.preventDefault();
  var data = $(this).serializeArray();

  console.log(typeof data) //print the type of data
  console.log(data); //print the data
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" action="/foo">
  <div class="container">
    <label for="uname"><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="uname" required>

    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" required>

    <button type="submit">Login</button>
    <label>
      <input type="checkbox" checked="checked" name="remember"> 
      Remember me
    </label>
  </div>
</form>

关于javascript - 我想通过选择类来获取数据并使用 jquery 在控制台中打印它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50697495/

24

4

0

文章推荐： javascript - 允许仅检查表行中四分之一的分数

文章推荐： java - 通过反射初始化字符串常量

文章推荐： unit-testing - 开始在 VS2010 中进行单元测试？

android - 想 toast 的用户名，但是当我尝试登录时却给了我很大的压力
使用登录后，我想吐出用户名。但是，当我尝试单击登录按钮时，它给了我力量。我看着logcat，但是什么也没显示。这种编码是在说。它将根据我在登录屏幕中输入的名称来烘烤用户名。不会有任何密码。
Git:HEAD不见了，想 merge 到master
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。这个问题似乎是题外话，因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a min

首页

博学

6Ren·AI

商城

javascript - 我想通过选择类来获取数据并使用 jquery 在控制台中打印它