doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:5026回复:0

js 模拟form表单post提交

楼主#
更多 发布于:2020-05-06 19:51
js 模拟form表单post提交


场景:
需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post)


思路1:
 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端
 2. 在客户端跳转页面

思路2:
使用form表格进行post提交
实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下:


/// 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表单的元素,不知道有没有更加简单的方法,求指教
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号