jquery实现动态创建form并提交的方法示例
本文实例讲述了jquery实现动态创建form并提交的方法。分享给大家供大家参考,具体如下:
有时候在写web应用的时候,需要临时动态构造一个form并提交,form里面的参数以及action,以及是post请求还是get请求,甚至form的样式都是可以指定的,用原生的javascript 肯定可以做到,我用jquery做了一个测试。
我自己测试的是构造一个分页的post请求,为了防止csrf攻击,加入了csrf验证,不需要的可以去掉.
functiongenSearchObj(url,page,pageSize,keyword){ varparams={}; params.url=url; params.page=page; params.pageSize=pageSize; params.cond=keyword; returnparams; } functionmockFormSubmit(params){ varform=$('',{action:params.url,method:"post",style:"display:none;"}).appendTo('body'); $.each(params,function(k,v){ if(k!="url"){ form.append('
这样就动态构造了一个form,并提交。
附:js动态创建Form表单并提交的方法
vardlform=document.createElement('form'); dlform.style="display:none;"; dlform.method='post'; dlform.action='../fileServlet'; dlform.target='callBackTarget'; varhdnFilePath=document.createElement('input'); hdnFilePath.type='hidden'; hdnFilePath.name='filePath'; hdnFilePath.value=filePath; dlform.appendChild(hdnFilePath); document.body.appendChild(dlform); dlform.submit(); document.body.removeChild(dlform);
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQueryform操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。