无法在jQuery中序列化

Question

将代码剥离到基本要素，我有一个表单

name="addPageForm" id="addPageForm" method="get"

我有一个输入类型=“text”

name="categoryTxt" id="categoryTxt"

这是我的剧本

<script>
var strData = $('#addPageForm').serialize();
alert(strData);
</script>

警报显示

categoryTxt=

我哪里错了？

Answer 1

文本字段没有值，因此该字段显示为空。

<form name="addPageForm" id="addPageForm" method="get">
    <input type="text" name="categoryTxt" id="categoryTxt" value="text" />
</form>

<script>
var strData = $('#addPageForm').serialize();
alert(strData);
</script>

将显示

categoryTxt=text

Answer 2

为什么无法序列化以及如何序列化 - 当页面加载时，警告框后面的原因弹出，所以当时输入为空，因此警告空值， 但是，当您点击提交以通过此以下方式提醒您的表单数据时，您可以尝试触发方式，

检查此 demo jsFiddle

的jQuery

$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    var strData = $('#addPageForm').serialize();
    console.log(strData);
    alert(strData);
});

HTML

<form name="addPageForm" id="addPageForm" method="get">
    <input name="categoryTxt" id="categoryTxt" />
    <input type="Submit" name="Submit" />
</form>

希望这对你有帮助！