jquery提交form，请求没有发送，Form submission canceled because the form is not connected

最新推荐文章于 2022-03-02 12:56:01 发布

原创最新推荐文章于 2022-03-02 12:56:01 发布 · 682 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种通过Ajax请求从控制器获取数据，并将这些数据动态地填充到一个表单中，然后提交该表单的方法。重点在于如何利用jQuery操作DOM元素来实现这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目需求，ajax请求controller,返回数据，提交form，但是提交的form请求没有发出

$.ajax({
    type: 'POST',
    url: "xxxxxxx",
    contentType: 'application/json; charset=utf-8',
    success: function (data) {//
       var form = $(" <form method='post' action='http://xxxxxxxxxx'></form>");
        var input = $("<input type='text'>").val(data).attr('name','xxxx');
        form.append(input);
        $(document.body).append(form);//加上本行解决问题
        form.submit();
    },
    error: function (response) {
    }
});