jquery 动态创建form 并提交
By:Roy.LiuLast updated:2015-04-04
有时候在写web 应用的时候,需要临时动态构造一个form 并提交,form 里面的参数以及action,以及是post请求还是get请求,甚至form 的样式都是可以指定的,用原生的javascript 肯定可以做到,我用jquery做了一个测试。
我自己测试的是构造一个分页的post请求, 为了防止csrf 攻击,加入了csrf 验证,不需要的可以去掉.
这样就动态构造了一个form ,并提交。
我自己测试的是构造一个分页的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(); }
这样就动态构造了一个form ,并提交。
From:一号门
Previous:JAVA https ssl 连接验证服务端证书
Next:自定义的javascript的验证框架
COMMENTS