一聚教程网:一个值得你收藏的教程网站

热门教程

jquery 动态创建表单并提交例子

时间:2022-06-25 17:43:45 编辑:袖梨 来源:一聚教程网

有时候在写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 = $('', {action : params.url, method:"post", style:"display:none;"}).appendTo('body');    
    $.each(params, function(k, v) {
          if ( k != "url" ){
              form.append('');
          }
    });
    form.append('' );
    form.submit();
}

 

例子2

 
 
 
 
 
createElement 
css"> 
.warpper{ border:1px solid red; padding:8px;} 
 
 
 
 
 
 
 
   

你需要把创建好的form添加到DOM中,经过浏览器渲染后才能响应事件和方法。tmpForm.appendTo(document.body).submit();

热门栏目