动态创建form 完成form 提交

最新推荐文章于 2026-01-08 11:09:44 发布

转载最新推荐文章于 2026-01-08 11:09:44 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/871735097-/p/5101757.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery简化表单提交过程的方法，通过将jQuery对象转换为DOM元素并将其附加到页面上，然后触发submit事件，实现无刷新页面的表单数据提交。这种方法适用于需要在后台处理表单数据而不想使页面重新加载的情况。

    
document.body.appendChild(jForm) won't work because jForm is not a dom element, it is a jQuery object so add the below script before jForm.submit();

jForm.appendTo('body')
function loadPage(url, projectName) {
    var jForm = $('<form></form>', {
        action: url,
        method: 'post'
    });

    $("<input>", {
        name: 'curPrj',
        value: projectName
    }).appendTo(jForm);

    jForm.appendTo('body').submit();
}

 var form = $("<form method='post'></form>"),
        input;
    form.attr({ "action": url });
    $.each(args, function (key, value) {
        input = $("<input type='hidden'>");
        input.attr({ "name": key });
        input.val(value);
        form.append(input);
    });
    form.appendTo('body').submit();