Jquery 序列化动态创建的表单//发布ajax请求

我有一些动态创建的内容，其中包括一个小表单（带有按钮的下拉列表），用于将某人分配给任务

使用jquery，我想用新分配的人员更新我的数据库。我的做法：

$('#messageDetail').on('click', '#assignButton', function() {
    $.ajax({
        url: "admin_assginMessage.php",
        type: "post",
        data: $("#assignForm").serialize(),
        success: function (data) {
            alert("Success!");
        },
        error: function() {
            alert("Error!");
        }
    });
});

它似乎没有向我发送表单输入。我觉得我也需要在这里使用.on（），但我不知道我应该选择哪个事件：

    data: $("#assignForm").serialize(),

---

谢谢你的回答

您应该使用

event.preventDefault（）

更多信息：

$（“#分配表格”）。提交（功能（e）{
e、 预防默认值（）；
$.ajax({
url:“admin_assginMessage.php”，
类型：“post”，
数据：$（“#assignForm”）.serialize（），
成功：功能（数据）{
警惕（“成功！”）；
},
错误：函数（）{
警报（“错误！”）；
}
});
});

尝试将post数据分配给变量

$('#messageDetail').on('click', '#assignButton', function() {
    $.ajax({
        url: "admin_assginMessage.php",
        type: "post",
        data: {'mydata' : $("#assignForm").serialize()},
        success: function (data) {
            alert("Success!");
        },
        error: function() {
            alert("Error!");
        }
    });
});

如果您说“我创建了一个动态表单，但是当我尝试序列化它时，我看不到任何关于动态表单数据的内容”，解决方案如下：

const dynamicForm=`
用户名
密码
点击并发送
`;
$（“#添加表单”）。在（“单击”，（）=>{
$（“#frmarea”）.append（dynamicForm）；
})
/*使用动态表单发送表单详细信息*/
$（文档）。在（“单击”上，“#单击发送”，（）=>{
让serializeData=$（“#frmData”）.serialize（）
console.log（序列化数据）
})

添加表单

您是否尝试过使用FormData（）变量？通过执行以下

error:function（error）{console.log（error）；}

$('#messageDetail').on('click', '#assignButton', function() {
    $.ajax({
        url: "admin_assginMessage.php",
        type: "post",
        data: {'mydata' : $("#assignForm").serialize()},
        success: function (data) {
            alert("Success!");
        },
        error: function() {
            alert("Error!");
        }
    });
});