Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js 模拟form表单post提交

js 模拟form表单post提交

作者头像
用户9914333
发布于 2022-07-21 11:32:02
发布于 2022-07-21 11:32:02
12.9K00
代码可运行
举报
文章被收录于专栏:bug收集bug收集
运行总次数:0
代码可运行

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/// 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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
html页面动态创建form表单向后端发送请求
前端向后端(api)请求一个文件下载,请求成功后后端(api)直接返回文件的内容,而不是返回文件的url,如果返回了文件的url,前端直接window.open即可完成下载。但是如果是文件内容,一种更好的方法是通过动态创建表单的方式去请求下载,请求的参数可以动态创建input框的方式去完成。
whileideath
2019/08/13
2.7K0
HTML怎样使用a标签以post方式提交
在HTML中,a标签的提交默认是get方式提交的,如果在请求链接的参数中带有中文就会出现乱码问题,除了在后台程序中转码外,这里介绍两种简单的方法,可以在客户端让a标签以post方式提交。 一:增加一个form表单
kirin
2021/03/01
1.9K0
js form表单提交(jsp form表单提交方式)
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数
全栈程序员站长
2022/07/30
15.9K0
JS创建表单提交备份
//保存 function saveFT() { var data = { createDate: GetDateStr(0), name: $("#txtName").val(), gender: "未知", mobile: $("#txtTel").val(), email1: "null@null.com", inter
用户1055830
2018/01/18
12.3K0
js扩展
扩展 定义对象 var zj = zj || {}; 字符串转json对象 /** * 字符串转json对象 */ zj.toJson = function(result) { if (typeof result == "string") { return eval("(" + result + ")"); } else { return result; } } 格式化字符串 /** * @author 张剑 使用方法:zj.formatStri
码客说
2019/10/22
1.2K0
JS页面跳转使地址后面不显示参数[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。 背景 使用window.open()和window.location.href跳转时,新页面的地址栏会显示参数,如下:http://127.0.0.1:
全栈程序员站长
2022/07/31
6.4K0
jquery的form表单提交
在Web开发中,表单提交是一个常见的操作,通过表单提交用户可以向服务器发送数据。jQuery是一个流行的JavaScript库,可以简化处理JavaScript的操作,包括表单提交。在本篇博客中,我们将介绍如何使用jQuery来实现表单提交操作。
大盘鸡拌面
2024/05/08
7800
from表单提交在新窗口打开
<form action=”URL”  method=”post”  target=”_blank” >
kirin
2021/03/01
2.6K0
js – form表单提交不刷新
大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法:
全栈程序员站长
2022/08/01
15.6K0
js实现下载功能
直接点击可以下载,需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下载,并且下载文件默认命名为你download属性的值。(参考: https://blog.csdn.net/jsnancy/article/details/80824801)
用户1349575
2022/01/27
3.1K0
设计模式(10)[JS版]-JavaScript如何实现组合模式???
组合模式允许创建具有属性的对象,这些对象是原始项目或对象集合。集合中的每个项目本身可以容纳其他集合,创建深度嵌套结构。
AlbertYang
2020/09/08
1.2K0
设计模式(10)[JS版]-JavaScript如何实现组合模式???
JS动态添加表单
<script type=”text/javascript”> function addRow()<!–js实现添加一行内容!–> { var tr=document.createElement(“tr”); var td=document.createElement(“td”); var input=document.createElement(“input”); input.setAttribute(“type”,”file”); input.setAttribute(“name”,”image[]”)
苦咖啡
2018/05/07
15K0
将多说作为静态页面的数据库
前几天想做一个测试,思路就是获取 UA 并保存然后分析数据。就实现 UA 获取功能做一个 HTML 页面使用 JavaScript 就可以实现了,这样正好可以托管到 Github Pages 上,连服务器都省下了。但实现一个数据存放统计功能,单纯获取信息是不行的,我们还需要一个数据库来存放数据,然后读取分析。
Denis
2023/04/15
5890
JS和HTML笔记
var myDate = new Date; var year = myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 var date = myDate.getDate(); //获取当前日 // var h = myDate.getHours();//获取当前小时数(0-23) // var m = myDate.getMinutes();//获取当前分钟数(0-59) // var s = myDate.getSeconds();//获取当前秒 var week = myDate.getDay(); var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; console.log(year, mon, date, weeks[week]) $("#time").html(year + "年" + mon + "月" + date + "日" + weeks[week]);
OwenZhang
2021/12/08
5.7K0
JS和HTML笔记
如何利用Javascript发送GET/POST请求「建议收藏」
如果初学Javascript,对于JQuery可能会跟我一样完全不清楚,所以适当的普及一下JQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。JQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
全栈程序员站长
2022/08/30
1.1K0
Vue(JavaScript)下载文件方式汇总
由于上面是方法会打开新的界面,所以我们需要对下载链接进行一些处理,比如转为blob格式:
十玖八柒
2022/08/01
2.5K0
Axios POST 下载文件;HTTP GET下载文件
1)通过Post下载文件,发现服务网关(Kestrel)不允许添加响应头(未解决)
lop
2021/12/06
1.2K0
XSS漏洞总结
同源策略 影响源的因素:host,子域名,端口,协议 a.com通过以下代码:
张树臣
2018/12/18
3.4K0
常见的Form表单提交方式
在进行项目编程的时候,我们难免会去编写一些简单的前端页面. 而编写前端页面就力不开 form表单的支持. 下面就form表单的提交方式进行如下探寻
时间静止不是简史
2020/07/25
3.6K0
JavaScript学习笔记(一)
wdm,这个寒假越过越长… 寒假在家学习JavaScript的相关知识,写博客作为笔记 我是以清华大学出版社的《JavaScript从入门到项目实践》作为学习用书的
wsuo
2020/07/31
3.4K0
JavaScript学习笔记(一)
相关推荐
html页面动态创建form表单向后端发送请求
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验