javascript - jQuery "Can only call NodeList.item on instances of nodelist"

Question

我正在使用 jQuery 编写一个网站，并且尝试将表单发布到另一个 PHP 文件而不离开页面。然后我找到了一种使用 jQuery 发布表单的方法。但是，当我将数据发布到 PHPpage 时，出现此错误:

Can only call NodeList.item on instances of nodelist

我不知道该怎么办。我使用的代码是这样的:

function upload(text){
  $.post("update.php",{
    text:text,
    comment: null,
    parent: null,
    like: null
   }, function(){alert('Thanks');});
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea rows="10" cols="50" id="post_text"></textarea>
<button onclick="upload(document.getElementById('post_text'))">Upload</button>

`

Answer 1

问题是因为您向 text 属性提供了一个 DOM 元素，然后 jQuery 尝试对其进行编码，从而导致您看到的错误。要解决此问题，请提供元素的值。

另请注意，应尽可能避免使用 on* 事件属性，以支持不显眼的事件处理程序。由于您已经在页面中包含了 jQuery，因此您可以使用它。试试这个:

$(function() {
  $('#upload').click(function() {
    $.post("update.php", {
      text: $('#post_text').val(),
      comment: null,
      parent: null,
      like: null
    }, function() {
      alert('Thanks');
    });
  });
});

<textarea rows="10" cols="50" id="post_text"></textarea>
<button id="upload">Upload</button>