javascript - ajax 发布数据错误 [object HTMLCollection]

Question

我写这个脚本是为了我网站上的联系表格，一切正常，但不是将数据存储在我的数据库中，而是获取
[对象 HTMLCollection] c 谁能告诉我这是什么？ 或者出了什么问题？我已经在谷歌上看过了，但我找不到太多关于它的信息。

<script type="text/javascript">

    //when the button is clicked



    $(document).ready(function() {

    $("#button").click(function() {



        $('.small').hide();



              var name = $("input#name").val();

            if (name == "") {

          $("span#name").show();

          return false;

        }



              var name = $("input#email").val();

            if (name == "") {

          $("span#email").show();

          return false;

        }



              var name = $("input#subject").val();

            if (name == "") {

          $("span#subject").show();

          return false;

        }



             var name = $("textarea#message").val();

            if (name == "") {

          $("span#message").show();

          return false;

        }







        var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;



            $.ajax({

          type: "POST",

          url: "/scripts/send_message.php",

          data: dataString,



          });

    $("#messagearea").load("console/new_message_profile.php?sent=1");

    });

    });

    </script>

Answer 1

如@Namit 所述，您使用 name作为变量无处不在。建立你的字符串，email , subject和 message未初始化。

他们应该给你一个 undefined - 但不，由于奇怪的 Internet Explorer 行为(参见 Is there a spec that the id of elements should be made global variable?)，这些变量保存 DOM 元素。由于您似乎有多个具有相同 ID 的元素(永远不要那样做)，这里是 <span>和一个 <input> , 变量甚至似乎包含 HTMLCollection对象。哪些被转换为字符串 [object HTMLCollection] ，当您将它们与其他字符串连接时。