2023年6月21日发(作者:)

jquery实现动态创建form并提交的⽅法⽰例本⽂实例讲述了jquery实现动态创建form并提交的⽅法。分享给⼤家供⼤家参考,具体如下:有时候在写web 应⽤的时候,需要临时动态构造⼀个form 并提交,form ⾥⾯的参数以及action,以及是post请求还是get请求,甚⾄form 的样式都是可以指定的,⽤原⽣的javascript 肯定可以做到,我⽤jquery做了⼀个测试。我⾃⼰测试的是构造⼀个分页的post请求, 为了防⽌csrf 攻击,加⼊了csrf 验证,不需要的可以去掉.function genSearchObj(url,page,pageSize,keyword){ var params = {}; = url; = page; ze = pageSize; = keyword; return params;}function mockFormSubmit(params){ var form = $('

', {action : , method:"post", style:"display:none;"}).appendTo('body'); $.each(params, function(k, v) { if ( k != "url" ){ (''); } }); ('' ); ();}这样就动态构造了⼀个form ,并提交。附:js动态创建Form表单并提交的⽅法var dlform = Element('form'); = "display:none;"; = 'post'; = '../fileServlet'; = 'callBackTarget';var hdnFilePath = Element('input'); = 'hidden'; = 'filePath'; = filePath;Child(hdnFilePath);Child(dlform);();Child(dlform);更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家jQuery程序设计有所帮助。

2023年6月21日发(作者:)

jquery实现动态创建form并提交的⽅法⽰例本⽂实例讲述了jquery实现动态创建form并提交的⽅法。分享给⼤家供⼤家参考,具体如下:有时候在写web 应⽤的时候,需要临时动态构造⼀个form 并提交,form ⾥⾯的参数以及action,以及是post请求还是get请求,甚⾄form 的样式都是可以指定的,⽤原⽣的javascript 肯定可以做到,我⽤jquery做了⼀个测试。我⾃⼰测试的是构造⼀个分页的post请求, 为了防⽌csrf 攻击,加⼊了csrf 验证,不需要的可以去掉.function genSearchObj(url,page,pageSize,keyword){ var params = {}; = url; = page; ze = pageSize; = keyword; return params;}function mockFormSubmit(params){ var form = $('', {action : , method:"post", style:"display:none;"}).appendTo('body'); $.each(params, function(k, v) { if ( k != "url" ){ (''); } }); ('' ); ();}这样就动态构造了⼀个form ,并提交。附:js动态创建Form表单并提交的⽅法var dlform = Element('form'); = "display:none;"; = 'post'; = '../fileServlet'; = 'callBackTarget';var hdnFilePath = Element('input'); = 'hidden'; = 'filePath'; = filePath;Child(hdnFilePath);Child(dlform);();Child(dlform);更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》希望本⽂所述对⼤家jQuery程序设计有所帮助。