Javascript Jquery serialize()方法返回null

Javascript Jquery serialize()方法返回null,javascript,jquery,Javascript,Jquery,我正在JSP页面中使用serialize()方法。但它返回空值。不知道我做错了什么 请帮忙 jQuery代码: $(document).ready(function() { $("#addBtn").click(function() { var offerData = $("#testForm").serialize(); alert(offerData); } }); <form id="testForm"> <table>

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

jQuery代码:

$(document).ready(function() {

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

});
<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>
HTML代码:

$(document).ready(function() {

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

});
<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>

姓名:
地址:

我只发布了相关代码。

我认为你的javascript代码格式不好,我试过了,效果很好

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

姓名:
地址:

我觉得你的javascript代码格式不好,我试过了,效果很好

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

姓名:
地址:

您的javascript代码中有一个错误。应该是:

<script type="text/javascript">
  $(document).ready(function () {

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

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

请注意
单击方法后的右括号和分号。

javascript代码中有一个错误。应该是:

<script type="text/javascript">
  $(document).ready(function () {

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

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

请注意
单击
方法后的右括号和分号。

如果忘记了右括号,下面的代码会起作用

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

姓名:
地址:

您忘记了右括号,下面的代码是有效的

$(文档).ready(函数(){
$(“#添加BTN”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);
});
});

姓名:
地址:

单击事件处理程序缺少右括号。在HTML中,最后一个
没有包含
。考虑将您的<代码>输入<代码>元素放入<代码> <代码>

jQuery
$(“#addBtn”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);

}); // 单击事件处理程序缺少右括号。在HTML中,最后一个
没有包含
。考虑将您的<代码>输入<代码>元素放入<代码> <代码>

jQuery
$(“#addBtn”)。单击(函数(){
var offerData=$(“#testForm”).serialize();
警报(提供数据);

}); // 结束括号
警报(offerData);}正常缩进几乎会立即显示错误。您是否可以替换输入类型按钮以提交并重试。如果不工作,那么也尝试使用表单id选择器并发布响应:)结束括号
alert(offerData);}正常缩进几乎会立即显示错误。您是否可以替换输入类型按钮以提交并重试。如果不起作用,请尝试使用表单id选择器并发布响应:)