首页 > 代码库 > 表单提交---前端页面模拟表单提交(form)

表单提交---前端页面模拟表单提交(form)

  有些时候我们的前端页面总没有<form></form>表单,但是具体的业务时,我们又必须用表单提交才能达到我们想要的结果,LZ最近做了一些关于导出的一些功能,需要调用浏览器默认的下载功能,如果用ajax请求,则无法调用。所以只能用表单提交的方式请求后台方可调用浏览器默认的下载功能。这个时候我们只能自己手动添加<form></form>元素。这里LZ提供我自己遇到的两种情况:

  一:在原有的html结构包上<form></form>标签,拿到value值和请求url完成表单提交。(LZ前面提到过:http://www.cnblogs.com/vanl/p/5857660.html)在这里不在阐述。

  二:模拟表单提交:(1):在js中拼出表单html;(2):在html页面中自己写一个html表单(要设置为隐藏不可见)。下面是具体例子:

  (1)在js中拼出表单html

  技术分享

  js中拼form表单:

  技术分享

  (2)在html页面中自己写一个html表单

  技术分享;

  js中找到表单id,然后提交

  技术分享

  LZ最近多次跟表单提交打交道,主要是因为最近做了很多关于导出的一些功能,ajax请求但不到我要的结果,所以必须用表单提交的方式解决。希望能帮到跟我有一样需求的伙伴们。

表单提交---前端页面模拟表单提交(form)