用form表单以post的方式提交数据跳转地址

本文详细介绍了JavaScript中的form表单属性,包括action、method、name和enctype,以及GET和POST提交方式的区别,重点讲解了multipart/form-data编码用于文件上传的情况。
摘要由CSDN通过智能技术生成
<script>
function JumpPost() {
            var data = { "module": "truck", "type": "html" }
            // 这里的参数可以根据实际情况,获取跳转到当前页面上你自己传过来的参数              
            jspost('实际你要请求的接口地址', data);
}

function jspost(URL, params) {
            var temp = document.createElement("form");
            temp.action = URL;
            temp.target = "_self";
            temp.method = "post";
            //如需新打开窗口 form 的target属性要设置为'_blank'
            //temp.target = "_blank";
            temp.style.display = "none";
            for (var x in params) {
                var opt = document.createElement("textarea");
                opt.name = x;
                opt.value = params[x];
                temp.appendChild(opt);
            }
            document.body.appendChild(temp);
            temp.submit();
            return temp;
}
</script>
<script language="javascript"> JumpPost() </script>

form表单常用属性

action:url 地址,服务器接收表单数据的地址

method:提交服务器的http方法,一般为post和get

name:最好name属性的唯一性

enctype: 表单数据提交时使用的编码类型,默认使用"pplication/x-www-form-urlencoded",如果是使用POST请求,则请求头中的content-type指定值就是该值。如果表单中有上传文件,编码类型需要使用"multipart/form-data",类型,才能完成传递文件数据。

提交方式

1、get:表单数据会被encodeURIComponent后以参数的形式:name1=value1&name2=value2 附带在url?后面,再发送给服务器,并在url中显示出来。

2、post:enctype 默认"application/x-www-form-urlencoded"对表单数据进行编码,数据以键值对在http请求体重发送给服务器;如果enctype 属性为"multipart/form-data",则以消息的形式发送给服务器。

dulei_start
关注 关注
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
form表单提交跳转方式
10-08
form提交后不跳转,增强用户体验。 工程采用jquery写前端,struts2做一个跳转返回数据
链接、页面跳转、隐藏、表单提交
05-06
链接、页面跳转、隐藏、表单提交等的个人笔记
四五、使用form表单提交,post请求提交参数,跳转页面
梅某某
10-31 1万+
一、Html 表单提交 继续出单--> form action="" id="nameform" method="post" v-show="false"> input type="text" name="systemId"> input type="text" name="params"> input type="text" name="signData"> form>
form表单提交后页面的跳转
u011079727的专栏
10-22 1万+
使用easyui的form表单登录后想跳转到主界面,发现老是不跳转(我用的是struts2的跳转机制),害我总以为是struts2出了问题, 后来发现easyui的form有回调机制。 解决方案: 在界面中使用js进行跳转。 function regUser(){  //通过form的submit方法提交  $('#user_login_loginForm').form('submit',{   
JS实现form表单跳转
weixin_37189727的博客
12-28 1万+
form表单提交时需要从一个页面跳转至不同的页面,使用js动态提交       例如:1.jsp跳转至2.jsp和3.jsp &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;跳转&lt;/tit
from表单提交数据 验证后跳转页面
yyxcy的博客
08-06 2160
from表单提交数据 验证后跳转页面 最近在弄这一块 验证使用alter老师弹出框后直接跳转到了下个页面 return false都不管用 所以记录一下 下次还能使用 <form action="跳转地址" method="post" enctype="multipart/form-data" id="FormFkAdd" onsubmit="return Next()"> 在from标签使用onsubmit 配合 <button type="submit" class="
form表单带参数提交到后台,实现页面跳转
qq_38123476的博客
11-26 7957
HTML部分代码,需要将input中的id为dutyType的value传到后台  &lt;form action="do?module=User&amp;action=Login&amp;method=chooseWS" method="post" id="textForm"&gt;&lt;/form&gt; &lt;table onclick="chooseWS();&quo
layui使用form表单实现post请求页面跳转的方法
10-16
为了解决这个问题,我们可以利用layui的form组件以POST方式提交数据,这样数据会被封装在请求体中,而不是显示在URL上。 首先,我们需要创建一个隐藏的form表单,设置其`action`属性为需要请求的服务器端接口,`...
vue 解决form表单提交但不跳转页面的问题
10-16
在这个例子中,`sub`方法首先调用`event.preventDefault()`以确保不会发生页面跳转,然后使用`$.post`发送表单数据。`$('#msgForm').serialize()`将表单数据序列化为URL编码格式,`http://api.test.ai/visitorinfo/`...
Form提交表单页面刷新不跳转
12-13
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ />...Form提交表单页面不跳转</title> </head> <b
axios针对后台只收form表单形式的post提交
01-20
所以 form 表单提交 和 $.ajax 都是默认 application/x-www-form-urlencoded 请求长这个样子 curl 'http://192.168.11.88:8080/r_server_manager/api/open/user/vo' -H 'Connection: keep-alive' -H 'Prag
form 代码提交请求并跳转
qq_34087797的博客
10-16 1379
-- 提交请求 l_request_id := fnd_request.submit_request('CUX', 'CUXMROMTN', NULL, NULL, FALSE, :NOTICE_MR.MR_HEADER_ID); IF l_request_id = 0 THEN   fnd_message.set_string('Post The Request Errors');   ...
form表单提交方式
热门推荐
菜鸟一缕清风的博客
01-05 9万+
form表单提交方式总结一下: 一、直接上代码&lt;script type=&quot;text/javascript&quot;&gt; function check(form) { if(form.userId.value=='') { alert(&quot;请输入用户帐号!&quot;); form.userId.focus();
页内跳转及表单的应用
id2359955624的博客
07-18 974
页内跳转及表单的应用
form表单post提交 并且提交到一个新的窗口(注意:window.open()形式的窗口)
Xingshi89的专栏
07-20 4587
JS代码: function windowOpen(){  var toDay = new Date();  winName = "win"+toDay.getTime();//为了保证提交不会读取本地的缓存  $("#form1").attr("action","test2.html");//设置form表单提交的URL路径 是 test2.html //为了表示区分,wind
ajax 提交Form表单跳转页面
qq_34756209的博客
02-26 6766
这是一个很简单的例子:先看代码 &lt;form id="registeForm"&gt; &lt;div class="form-w3step1"&gt; &lt;input type="text" name="userName" placeholder="Your Name" required=""&gt; &lt;
php form提交跳转页面,form表单页面跳转方式提交练习
weixin_39637370的博客
03-27 125
该楼层疑似违规已被系统折叠隐藏此楼查看此楼//form表单提交练习/*新建一个form.html网页用来书写前端HTML表单*/表单提交练习姓名:年龄:电话:地址:QQ:自我评价://以上功能可自己添加或修改/*在form.html网页的基础上新建一个foms.php网页关联之前的form.html网页并书写php测试代码*///forms.php运行代码$uname = empty($_POS...
JS Form表单提交文件后,自定义跳转或提示
春盏
08-18 5526
form表单提交后,自定义页面跳转或者提示内容 js请求代码html代码是我在网上找的,但是后来想再去寻找时,已经找不见了。所以写此博客来记录。 不会解释,一切看代码。 《HTML代码: target="rfFrame"> name="file" /> form设置target属性,引用的是下方 的id,具体什么原因,我也不清楚。 若上
form表单提交跳转页面代码_二.PHP代码审计涉及到的超全局变量
weixin_39708557的博客
11-30 501
·安全帮出品|安全帮(www.secbang.com)概述:安全帮专注安全教育大牛绕过 针对零基础小白【本章目的】掌握代码审计中常用的代码调试函数,单引号与双引号之间的区别【本章原理】开发中,经常会查看变量的值,因此经常会将变量的值输出到页面以便于查看。这就需要用到调试函数。【测试步骤】··1.$GLOBALS--引用全局作用域中可用的全部变量$GLOBALS全局变量用于在PHP脚...
写文章

热门文章

  • html文件引用.vue 文件的方式 7208
  • jq的ajax在ie8中不起作用,以及注意的问题 5973
  • 载入页面时,select默认为空,选项内不显示空白项 4136
  • js 正则判断只能输入正整数或1位以内的小数 3856
  • vue实现svg文件的动态内容修改 3222

分类专栏

  • js 7篇
  • 小程序 1篇
  • 学习 19篇
  • 工作 17篇

最新评论

  • 用form表单以post的方式提交数据跳转地址

    dulei_start: 什么放出来?

  • 用form表单以post的方式提交数据跳转地址

    2401_85596315: 这个可以放出来吗?

  • vue实现svg文件的动态内容修改

    dulei_start: 你那是自己设置值的时候获取某个变量属性获取不到

  • vue实现svg文件的动态内容修改

    armycm: TypeError: Cannot set properties of undefined (setting 'innerHTML') 不行欸,报错啦

  • 用form表单以post的方式提交数据跳转地址

    待我强大 给你天下: 我这个要怎么改呢,才能发送json对象application/json这种格式

大家在看

  • 倾尽毕生所学:实现一个校园失物招领小程序 482
  • 基于单片机的多功能指纹识别门禁系统设计与实现 493
  • ECharts饼图-分割数据到数个饼,附视频讲解与代码下载 91
  • 解决使用Android SDK 调用高德业务返回 INVALID_USER_KEY 的问题(高德key中sha1值与android中sha1值不匹配) 3
  • springboot农产品销售系统-计算机毕业设计源码53475 1090

最新文章

  • js处理数组对象中,先根据某个字段组成,新数组再根据某个字段组数据
  • vue3.0使用ant design vue3.2.10版本的日期组件的国际化和全局框架汉化
  • vue实现svg文件的动态内容修改
2023年2篇
2022年2篇
2021年3篇
2020年4篇
2019年3篇
2018年9篇
2017年1篇

目录

目录

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家番禺玻璃钢人物雕塑点击查看详情玻璃钢公园雕塑售价长沙卡通玻璃钢雕塑价格绍兴玻璃钢仿铜雕塑走廊商场美陈销售公司铜陵玻璃钢景观雕塑厂家吉利玻璃钢雕塑价格深圳会发光的玻璃钢雕塑现货昆山玻璃钢雕塑咨询山东玻璃钢树脂雕塑公司实惠的玻璃钢雕塑厂建邺美陈商场北京常用玻璃钢雕塑摆件玻璃钢蝴蝶柱雕塑威海玻璃钢人物雕塑厂家烤漆玻璃钢卡通雕塑定做玻璃钢雕塑加工厂昆明位置营口专业生产沈阳玻璃钢花盆包头卡通玻璃钢雕塑厂家常见玻璃钢花盆销售江苏玻璃钢雕塑设计校园玻璃钢雕塑代理价格重庆抽象玻璃钢雕塑市场浙江中庭商场美陈销售企业玻璃钢孔子雕塑工厂店珠海led发光玻璃钢雕塑厂家广东玻璃钢花盆厂家直销湘桥玻璃钢花盆花器辽源玻璃钢雕塑推荐揭阳玻璃钢雕塑香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化