jQuery 表单序列化 - 空字符串

Question

我的 html:

 <script type="text/javascript">

    $(function() {

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

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

当我触发点击事件时，formData 是空的。我正在使用 jQuery 1.4.2。

Answer 1

你必须给 input 元素一个名字。例如:

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

会在警告框中给你foo=2。

.serialize() 获取表单字段的名称和值，并创建一个类似于 name1=value1&name2=value2 的字符串。没有名称，它无法创建这样的字符串。

请注意，name 与 id 不同。如果您以“正常”方式使用它，您的表单也不会起作用。 每个表单域都需要一个名称。