成都网站建设设计

将想法与焦点和您一起共享

jquery实现动态创建form并提交的方法示例-创新互联

本文实例讲述了jquery实现动态创建form并提交的方法。分享给大家供大家参考,具体如下:

10年积累的成都网站建设、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有铜山免费网站建设让你可以放心的选择与我们合作。

有时候在写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(); }

分享标题:jquery实现动态创建form并提交的方法示例-创新互联
路径分享:http://chengdu.cdxwcx.cn/article/dgcepi.html