前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 模拟form表单post提交

js 模拟form表单post提交

作者头像
用户9914333
发布2022-07-21 19:32:02
12.1K0
发布2022-07-21 19:32:02
举报
文章被收录于专栏:bug收集bug收集

场景: 需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post) 思路1: 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端 2. 在客户端跳转页面 思路2: 使用form表格进行post提交 实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下:

代码语言:javascript
复制
/// form 表单提交
  var form2 = document.createElement("form");
  form2.id="form2";
  form2.method="post";
  form2.action="buildOrder.do";
//地址id
 var address = document.createElement("input");
 address.name="addressId";
 address.type="hidden";
 address.value = orderAddressId;
 form2.appendChild(address);
//购物车id
 var sid = document.createElement("input");
 sid.name="sid";
 sid.type="hidden";
 sid.value = shopCartId;
 form2.appendChild(sid);
//总价
 var total = document.createElement("input");
 total.name="total";
 total.type="hidden";
 total.value = $("#labTotalMoney").text();
 form2.appendChild(total);
 document.body.appendChild(form2);
 form2.submit(); //提交

注:一定要记得加

document.body.appendChild(form2); 上面form提交的方法,感觉传数据还是太麻烦了,必须写成form表单的元素,不知道有没有更加简单的方法,求指教

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-05-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 bug收集 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档