首页
学习
活动
专区
工具
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表单的元素,不知道有没有更加简单的方法,求指教

12.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    采用post的方式提交数据

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

    1.1K30

    node表单提交POST提交

    前几天给大家介绍了使用node的提交(get)获取到表单提交的内容,get提交的参数查询部分(query)可以获得到,由于get提交的内容在url显示,而post提交处理机制,为了保障安全性不显示在url...中,下面案例介绍下post提交案例!...判断用户的url,并且提交方式是get if(req.url=="/info" && req.method.toLowerCase()=="post") 下面是post提交的小公式  req.addListener...;         }) 首先,要监听addListener(nodejs独特方法,非js的),data参数固定,一个回调函数参数传入chunk,每次post请求数据就是chunk一次,然后将新的chunk...进行重新自增到原来的alldata(用来保存post数据); 请求完毕进行监听一次,data参数改为end,回调函数无需传入参数.输出完整的alldata就是请求完整的数据,这个数据我们还需要一个模块

    4.4K40

    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.6K30

    四种常见的 POST 提交数据方式

    协议规定 POST 提交数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。...所以说到 POST 提交数据方案,包含了 Content-Type 和消息主体编码方式两部分。...application/x-www-form-urlencoded 这种方式应该是最常见的POST提交数据的方式了,在正常的form表单中如果不设置enctype,默认的提交方式就是application...multipart/form-data 这也是一个常见的post数据提交方式,当form表单中包含文件时,就必须采用这种提交方式来将文件提交到服务器上。...JavaScript 中,也有现成的库支持以这种方式进行数据交互,能很好的支持已有的 XML-RPC 服务。不过,我个人觉得 XML 结构还是过于臃肿,一般场景用 JSON 会更灵活方便。

    1.5K30

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

    四种常见的 POST 提交数据方式 文章目录 application/x-www-form-urlencoded multipart/form-data application/json text/xml...其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。 我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。...类似于下面这样: 协议规定 POST 提交数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。...application/x-www-form-urlencoded 这应该是最常见的 POST 提交数据的方式了。..._POST['sub'] 可以得到 sub 数组。 很多时候,我们用 Ajax 提交数据时,也是使用这种方式。

    77220
    领券