form表单提交时，action怎么带多个参数

最新推荐文章于 2021-07-10 00:13:43 发布
最新推荐文章于 2021-07-10 00:13:43 发布
阅读量6.3k 收藏 13
点赞数
分类专栏： 前端问题 文章标签： form表单提交时，action怎么带多个参数
原文链接：https://blog.csdn.net/weixin_40279966/article/details/79154976
版权

在提交form表单的时候，action 不填就默认为提交到当前的页面。今天遇到的当前页面是已经带了参数了，比如:www.xxx.com/index.php?id=1，按照action留空的方法来提交，就不能提交到这个带参数的url了，也不能到把表单中的直拼接在uri后面。那怎么办呢，可以用js的方法拼接好在submit

 <body>
     <form action="ss.do?"  method="get">
         <input type="text" id ="input"/>
         <input type="button" value="提交" onClick="test()">
     </form >
 </body>
 <script>
     function test(){
         var f = document.getElementsByTagName("form")[0];
         f.action=f.action+"id="+document.getElementById("input").value;
         alert(f.action);
     }
 </script>12345678910111213

原文连接：http://zhidao.baidu.com/question/465627004.html

这种方法在每次提交的时候，会一直拼接uri，在我的项目上用不了，不过给了我启发，那就是js中重定向，代码如下:

<form action="" method="get">
    <input type='text' name='gid'/>
    <input type='text' name='type'/>
    <input type="button" value="搜索" onClick="tpformsubmit()">
</form>
<script>
    function tpformsubmit(){
        var gid = $('input[name=gid]').val();
        var type = $('input[name=type]').val();
        url = '/index/web?style=tp&gid='+gid+'&type='+type;
        window.location.href = url;
    }
</script>

MiniHurricane
关注
  • 0
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php的form表单使用,form表单在PHP中的实现方式
weixin_33477335的博客
03-10 1823
1、表单的基本使用HTML 中有一个专门用于提交数据的标签： ，通过这个标签可以很容易的收集用户输入.form 标签有两个必要属性：action：表单提交地址(填完了，交给谁)method：表单以什么方式提交例如，我们需要在登录界面上收集用户输入的用户名和密码：登录用户名密码登录按照目前的情况，用户第一次请求得到这个表单页面，填写完表单内容，点击登录，表单会自动发送到login.php ，剩下的...
js单选按钮和向action中传多个参数
10-12
js单选按钮和向action中传多个参数
form表单提交带参数的两种方式
热门推荐
coralime的博客
09-05 3万+
#第一种方式# action写明了LoginServlet，通过submit按钮直接提交到后台 <form action="LoginServlet" method="post"> <input type="text" id="inputUsername" name="username" placeholder="Username" required autofoc...
form表单提交时传递额外的参数
夏微微的博客
12-29 3901
使用hidden的input，将参数放在里面，例如： 点击提交url后面拼上字符串‘parmas1=19&parmas2=&parmas3=hh&parmas4=1&parmas5=tt’ <div class="hiddenFields"> <input type="hidden" name="parmas1" value="19"> <input type="hidden" name="parmas2" value=""> <in
在同一form表单中如何提交两个不同的action
weixin_34051201的博客
05-19 1186
（转载：常用，以便查阅） 有两种办法可以实现： 1.针对一个action有多个提交按钮，那么在提交后进行根据ID进行一下判断，是哪个提交的执行哪种动作，这是可以实现的。 2.直接做成两个form，每个form里的action不同，都有一个提交按钮，从客户看来是没有区别的，但是提交的时候，会提交到不到的action里去. 第一种的实现： <!DOCTYPE HT...
自定义form表单的参数及提交方式
weixin_42209881的博客
05-29 6138
我们在上传文件或者处理其他一些业务时，需要自定义一些表单，只用来封存数据，不在界面展示，下面我分享两种我的处理方式，都是验证通过的。 第一种： "click #downloadFile" : function (e,value,row,index) { var body = $("body"); //创建表单 ...
通过button将form表单的数据提交到action层的实例
08-29
在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
js提交form表单,并传递参数的实现方法
11-22
//增加的函数 begin function queryFun(){ var type = $("#artType").val();... document.getElementById("queryForm").action="../news/starList.do?inputData="+hasInputed+"&artType="+type; docu
php实现表单多按钮提交action的处理方法
12-19
表单内有两个提交按钮，要实现当点击不同的提交按钮时，分别进行两个不同的处理过程，在这里有实现表单多按钮提交action的处理方法分享给大家。 用PHP判断，一个表单两个按钮，按钮的name属性设为相同，但值设为...
Java 中 Form表单数据的两种提交方式
09-01
当涉及到用户交互时，表单（Form）是不可或缺的一部分。本文将详细探讨Java中处理表单数据的两种主要方法：GET和POST。 1. GET 方法 GET方法是HTTP协议中最常见的请求类型之一。它用于从服务器获取资源，其请求...
Chrome Form多次提交表单问题的解决方法
12-11
今天用chrome提交一个表单时，发现一个奇怪的问题： 代码如下: //提交表单 document.frmOrder.action = ‘http://www.abc.com/d.aspx’; document.frmOrder.method = ‘POST’; document.frmOrder.target = ‘_blank...
提交form表单时，修改action路径，增加参数
ZhengYanFeng1989的博客
04-16 3701
代码如下，核心代码为555和556两行 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%-- Created by IntelliJ IDEA. User: zyf Date: 2019/4/11 Time: 11:48 To change this ...
form action参数传递的几种方式
Hedpat's Blog | 黯風夜隱
07-13 1万+
个人认为form的default method 是 ”post“，action后的#/？相同的效果，“.”代表current folder。 &this.data_format.value name=format_form> if (isset($_GET['sample'])) echo ""; // note the space before "/>" ?> -->
js发送form表单文件加参数
qq_34168515的博客
04-01 2058
文章目录一、前言二、使用js 一、前言 form表单可以直接进行提交，但是因为submit之后，会进行页面跳转，导致用户体验感极差，所以为了解决form表单提交出现的问题 使用jquery进行解决 <form target="_blank" id="commit_form" action="/hjmos-ssh/deploy/uoloadFile" method="post" enctype="multipart/form-data"> <input type="file" nam
js表单动态添加数据并提交
weixin_34112030的博客
04-28 552
v情景1：已经存在form对象了，动态为form增加对象并提交 function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form对象 var tmpInput=$("<input type='text' name='blogArticle...
form表单action传参数_【HTML】表单标签 <form>
weixin_39954908的博客
11-29 3509
说明表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 来设置。多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。常用的表单属性：form定义表单的范围 …….action : 指定提交的服务器的地址m...
form表单同时提交带文本和图片的数据
Aquilian的专栏
07-09 1万+
方法一：使用ajax异步提交 此种方法的好处是可以回调响应结果。 html代码： <form action="${basePath}/save" method="post" name="form" id="form"> <table> <tr> <td>名称：</td> ...
Form表单提交文件和参数
weixin_45563229的博客
07-10 4647
from表单同时提交文件和参数 1.说明 项目中使用from表单配合ajax同时提交文件和其他的参数，具体实现请看代码 2.前端代码 1.from表单部分 前台提交的是方式是from表单方式，提交内容包括普通的参数和文件 <form action="" class="form-horizontal " id="equipmentTypeform" enctype=” multipart/form-data”/> <input type="text" clas
Form表单带参数问题
weixin_44062380的博客
05-20 1261
Form 表单 form表单有一个离奇的特性 在 action 中，如果想要带参数 那必须使用 POST 方法 <form action="/power/role?method=add" method="post"> ... </form> 如果使用 GET 方法，那么，就无法访问后端接口 这是因为，使用 GET 方法，会将 action 中带的参数忽略掉 如果就是要使用 GET 方法，且想带上参数，那么，可以在 form 表单中，添加一个隐藏域 <input name
form表单数据的提交
最新发布
05-23
在前端，我们可以使用 form 标签来创建一个表单，然后使用 input 标签等元素来定义表单中的输入字段，例如文本框、单选按钮、多选框等。当用户填写完表单并点击提交按钮时，浏览器会将表单数据发送到指定的后端接口进行处理。 在后端，我们可以使用各种编程语言和框架来接收和处理表单数据。通常情况下，表单数据会被封装成一个 HTTP 请求，我们可以通过解析请求的参数来获取表单数据。 以下是一个简单的表单提交示例： ```html <form action="/submit" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name"><br><br> <label for="email">Email:</label> <input type="email" id="email" name="email"><br><br> <label for="message">Message:</label> <textarea id="message" name="message"></textarea><br><br> <input type="submit" value="Submit"> </form> ``` 在这个示例中，我们创建了一个包含三个输入字段的表单，并将表单的提交地址设置为 `/submit`。当用户点击提交按钮时，浏览器会发送一个 POST 请求到 `/submit` 并携带表单数据。在后端，我们可以使用相应的框架来接收这个请求并解析出表单数据，例如在 Node.js 中使用 Express 框架： ```javascript const express = require('express') const bodyParser = require('body-parser') const app = express() // 使用 body-parser 中间件来解析请求体 app.use(bodyParser.urlencoded({ extended: false })) app.post('/submit', (req, res) => { const name = req.body.name const email = req.body.email const message = req.body.message // 处理表单数据... }) ``` 在这个示例中，我们使用了 body-parser 中间件来解析请求体，并从 `req.body` 中获取表单数据。然后我们可以使用这些数据来完成相应的业务逻辑处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值