无法在jQuery中序列化

无法在jQuery中序列化,jquery,Jquery,将代码剥离为基本内容,我有一个表单 name="addPageForm" id="addPageForm" method="get" 我有一个输入类型=“text” 这是我的剧本 <script> var strData = $('#addPageForm').serialize(); alert(strData); </script> 哪里出错了?文本字段没有值,因此该字段显示为空 <form name="addPageForm" id="addPageFor

将代码剥离为基本内容,我有一个表单

name="addPageForm" id="addPageForm" method="get"
我有一个输入类型=“text”

这是我的剧本

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

哪里出错了?

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

<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>

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

选中此项 jQuery HTML


希望这对你有帮助

你脱得太多了。你的文本框的价值是什么?你确定你没有像“谢谢@David”这样的打字错误吗?我解决了这个问题并编辑了我的问题。我猜你是在pageLoad上提交表单,而你的“CategoryText”“是空的,这就是为什么警报没有显示任何内容。。。您可以做两件事1)在文本框中输入后提交表单,或2)在文本框中设置默认值否您不能这样更新,您可以问另一个问题阅读stakeoverflow提问FAQ。谢谢@user3321823。此后,我通过在文本框输入后提交表单,解决了表单无法序列化的问题。这个问题现在可以编辑了。谢谢@akirk。我一按“提问”按钮就明白了这一点p问题已编辑。谢谢@user1153551。我一按“提问”按钮就明白了这一点p问题已编辑。
categoryTxt=
<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
$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    var strData = $('#addPageForm').serialize();
    console.log(strData);
    alert(strData);
});
<form name="addPageForm" id="addPageForm" method="get">
    <input name="categoryTxt" id="categoryTxt" />
    <input type="Submit" name="Submit" />
</form>