jquery 动态创建form 并提交

有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript  肯定可以做到,我用jquery做了一个测试。

我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击,加入了csrf 验证,不需要的可以去掉.
程序代码 程序代码

function genSearchObj(url,page,pageSize,keyword){
    var params = {};
    params.url = url;
    params.page = page;
    params.pageSize = pageSize;
    params.cond = keyword;
    return params;
}

function mockFormSubmit(params){
    var form = $('<form />', {action : params.url, method:"post", style:"display:none;"}).appendTo('body');    
    $.each(params, function(k, v) {
          if ( k != "url" ){
              form.append('<input type="hidden" name="' + k +'" value="' + v +'" />');
          }
    });
    form.append('<input type="hidden" name="csrfToken" value="' + $("#csrf_token").val() + '" />' );
    form.submit();
}


这样就动态构造了一个form ,并提交。

除非申明,文章均为一号门原创,转载请注明本文地址,谢谢!
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: jquery form
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.