首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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...labTotalMoney").text(); form2.appendChild(total); document.body.appendChild(form2); form2.submit(); //提交...‍ 注:一定要记得加 document.body.appendChild(form2); 上面form提交方法,感觉传数据还是太麻烦了,必须写成form表单元素,不知道有没有更加简单方法,求指教

12K10

采用post方式提交数据

GET:内部实现是组拼Url方式,http协议规定最大长度4kb,ie浏览器限制1kb POST和GET区别比较了一下,多了几条信息 Content-Type:application/x-www-form-urlencoded...Content-Length:93 主体内容 只需修改上一节代码中几个地方: 调用HttpURLConnection对象setRequestMethod(“POST”)方法 调用HttpURLConnection...,返回长度,长度+””空字符串转成String类型 调用HttpURLConnection对象setDoOutput(true)方法,是否允许写数据 调用HttpURLConnection对象getOutputStream...()方法,获取OutputStream对象 调用OutputStream对象write(buffer)方法,向服务器写数据,参数:buffer是byte[]数组,调用String对象getBytes...x-www-form-urlencoded"); conn.setRequestProperty("Content-Length", data.length()+""); //写数据

1.1K30
您找到你想要的搜索结果了吗?
是的
没有找到

Egg 中获取 POST 提交数据

用过Koa码农都知道,在Koa中获取POST提交数据需要配置第三方中间件,而Egg继承于Koa,在这一方面做了优化,获取POST提交数据不需要再配置其它中间件了,并添加了安全机制 CSRF 防范...,在Egg中获取用户提交POST数据主要有以下两种方法。...第一种:在用户访问需要POST提交数据页面时,返回CSRF密钥,当用户提交数据时,将CSRF密钥一起返回,以下是具体实现。 1. 在router.js中配置路由。...csrf: this.ctx.csrf }); } // 接收post提交数据 async add() { console.log... 第二种:在中间件中配置全局CSRF密钥,在需要提交POST数据页面添加一个隐藏表单域,当用户提交时,将CSRF密钥一起返回

1.5K30

四种常见 POST 提交数据方式

协议规定 POST 提交数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。...所以说到 POST 提交数据方案,包含了 Content-Type 和消息主体编码方式两部分。...application/x-www-form-urlencoded 这种方式应该是最常见POST提交数据方式了,在正常form表单中如果不设置enctype,默认提交方式就是application...multipart/form-data 这也是一个常见post数据提交方式,当form表单中包含文件时,就必须采用这种提交方式来将文件提交到服务器上。...title":"test","sub":[1,2,3]} 这种方案,可以方便提交复杂结构化数据,在各浏览器中也能很好支持,在控制台展示是会默认使用树形结构来展示,可读性特别好。

1.4K30

四种常见 POST 提交数据方式

其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据几种方式。 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上应用层规范。...application/x-www-form-urlencoded 这应该是最常见 POST 提交数据方式了。...大部分服务端语言都对这种方式有很好支持。例如 PHP 中_POST[‘sub’] 可以得到 sub 数组。 很多时候,我们用 Ajax 提交数据时,也是使用这种方式。...multipart/form-data 这又是一个常见 POST 数据提交方式。我们使用表单上传文件时,必须让 form enctyped 等于这个值。...JSON 格式支持比键值对复杂得多结构化数据,这一点也很有用。记得我几年前做一个项目时,需要提交数据层次非常深,我就是把数据 JSON 序列化之后来提交

2K10

2018-09-26 四种常见 POST 提交数据方式四种常见 POST 提交数据方式

其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据几种方式。 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上应用层规范。...类似于下面这样: 协议规定 POST 提交数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。...application/x-www-form-urlencoded 这应该是最常见 POST 提交数据方式了。...multipart/form-data 这又是一个常见 POST 数据提交方式。我们使用表单上传文件时,必须让 表单 enctype 等于 multipart/form-data。...JSON 格式支持比键值对复杂得多结构化数据,这一点也很有用。记得我几年前做一个项目时,需要提交数据层次非常深,我就是把数据 JSON 序列化之后来提交

73420
领券