jquery - 无法在 jQuery 中序列化

Question

将代码剥离到最基本的部分，我有一个表单

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

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

name="categoryTxt" id="categoryTxt"

这是我的脚本

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

警报显示

categoryTxt=

我哪里出错了？

Answer 1

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

检查这个 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>

希望这对您有帮助!