jquery - 无法在jQuery中序列化

将代码剥离为基本要素，我有一个表格

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

并且我有一个输入type =“ text”

name="categoryTxt" id="categoryTxt"

这是我的剧本

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

警报显示

categoryTxt=

我要去哪里错了？

最佳答案

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

选中此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>

希望这对您有所帮助！