Jquery serialize（）方法返回null

Question

我在JSP页面中使用serialize()方法。但它返回null。不知道我做错了什么 请帮忙。

jQuery代码：

$(document).ready(function() {

  $("#addBtn").click(function() {
      var offerData = $("#testForm").serialize();
      alert(offerData);
  }

});

HTML代码：

<form id="testForm">
  <table>
    <tr>
      <td>Name :</td>
      <td>
        <input type="text" name="name" id="name" />
      </td>
    </tr>
    <tr>
      <td>Address :</td>
      <td>
        <input type="text" name="address" id="address" />
      </td>
    </tr>
    <tr>
      <input type="button" id="addBtn" />
    </tr>
  </table>
</form>

我只发布了相关代码。

Answer 1

我认为你的javascript代码格式不正确，我试过这个并且它工作正常......

＆＃13;

＆＃13;

$(document).ready(function () {

      $("#addBtn").click(function () {
          var offerData = $("#testForm").serialize(); 
          alert(offerData);
      });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<form id="testForm">
<table>
<tr>
 <td>Name :</td>
 <td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
 <td>Address :</td>
 <td><input type="text" name="address" id="address"/></td>
</tr>
<tr>
<input type="button" id="addBtn"/>
</tr>
</table>
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的javascript代码中存在错误。它应该是：

USB_DEVICE(vend, prod)

注意<script type="text/javascript"> $(document).ready(function () { $("#addBtn").click(function () { var offerData = $("#testForm").serialize(); alert(offerData); }); }); </script> 方法后的右括号和分号。

Answer 3

您忘记了右括号，下面的代码可以使用

 $(document).ready(function () {
    $("#addBtn").click(function () {
      var offerData = $("#testForm").serialize(); 
      alert(offerData);
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<form id="testForm">
<table>
<tr>
 <td>Name :</td>
 <td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
 <td>Address :</td>
 <td><input type="text" name="address" id="address"/></td>
</tr>
<tr>
<input type="button" id="addBtn"/>
</tr>
</table>
</form>

Answer 4

缺少点击事件处理程序的右括号。同样在 HTML 中，最后<tr>包含了<td>。请考虑将input元素纳入<td colspan="2">

的jQuery

  $("#addBtn").click(function() {
      var offerData = $("#testForm").serialize();
      alert(offerData);
  }); // <-- missing );

HTML

<tr>
  <td colspan="2">
    <input type="button" id="addBtn" />
  </td>
</tr>