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

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

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();

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理