Php 通过AJAX动态创建和提交表单

我有一个带有编辑链接的shoutbox。单击（下面的代码）时，它会提示编辑帖子，然后在提交时，它会动态创建一个表单，并将表单提交到另一个页面进行处理

最初，另一个页面将处理它并重定向回用户所在的页面。然而，我已经改变了我的shoutbox的显示方式

我想做的是动态地创建表单，但不是将其提交到另一个页面（它实际上会将我的浏览器带到操作页面），而是使用AJAX提交表单，这样我就不会离开当前所在的页面

所以基本上我可以在主页上编辑一篇文章，然后当我确认编辑后，我应该留在主页上，然后表单将在后台通过AJAX处理，shoutbox容器将被重新加载（而不是页面本身）

$（'span.edit a'）。单击（函数（事件）{
event.preventDefault（）；
var id=$（this.attr（'id'）；
var url=$（this.attr（'href'）；
var new_post=prompt（“”，$（“”#shoutbox_comment_'+id）.html（）；
if（new#u post！=''&&new#post！=null&&new#post！=$（'.#shoutbox_comment.+id）.html（））{
变量形式=$(
'' +
'' +
'' +
'' +
'');
$（'body'）。追加（表格）；
$（表单）.submit（）；
$（'#shoutbox_container'）.load（'../../website/inc/views/shoutbox/shoutbox.php？p='+$（this.parent（）.attr（'id'））；
}else if（新帖子！=null）{
警告（“您的帖子无法编辑。请确保您的评论不是空的，并且您已经做了更改。”）；
}
});

---

我已经获得了删除链接的AJAX，但由于帖子数据的表单，我在如何在后台提交这篇文章时遇到了问题。

事实上，我已经找到了答案！>

$('span.edit a').click(function (event) {
    event.preventDefault();
    var id = $(this).attr('id');
    var url = $(this).attr('href');
    var new_post = prompt('', $('#shoutbox_comment_' + id).html());

    if (new_post != '' && new_post != null && new_post != $('#shoutbox_comment_' + id).html()) {
        var form = $(
            '<form action="' + url + '" method="post">' +
            '<input type="hidden" name="comment" value="' + new_post + '">' +
            '<input type="hidden" name="id" value="' + id + '">' +
            '<input type="submit">' +
            '</form>');
        $('body').append(form);
        $(form).submit();

        $('#shoutbox_container').load('../../website/inc/views/shoutbox/shoutbox.php?p=' + $(this).parent().attr('id'));
    } else if (new_post != null) {
        alert("Your post could not be edited. Make sure that your comment is not blank and that you've made changes.");
    }
});

$('span.edit a').click(function (event) {
    event.preventDefault();
    var id = $(this).attr('id');
    var url = $(this).attr('href');
    var new_post = prompt('', $('#shoutbox_comment_' + id).html());

    if (new_post != '' && new_post != null && new_post != $('#shoutbox_comment_' + id).html()) {
        var form = $(
            '<form action="' + url + '" method="post">' +
            '<input type="hidden" name="comment" value="' + new_post + '">' +
            '<input type="hidden" name="id" value="' + id + '">' +
            '<input type="submit">' +
            '</form>'
        );
        $('body').append(form);

        $.ajax({
            type: 'post',
            url: url,
            data: form.serialize()
        });

        $('#shoutbox_container').load('../../website/inc/views/shoutbox/shoutbox.php?p=' + $(this).parent().attr('id'));
    } else if (new_post != null) {
        alert("Your post could not be edited. Make sure that your comment is not blank and that you've made changes.");
    }
});