如何更改提交表单的查询字符串
更改提交表单的查询字符串可以通过以下几种方式实现：
- 使用JavaScript：可以通过JavaScript来动态修改表单的查询字符串。可以通过获取表单元素的值，拼接成新的查询字符串，然后将其赋值给表单的action属性。
- 使用URLSearchParams对象：URLSearchParams是一个内置的JavaScript对象，用于操作URL的查询字符串。可以使用它的set()方法来设置查询参数的值，然后将其赋值给表单的action属性。
- 使用FormData对象：FormData对象是一个用于处理表单数据的JavaScript对象。可以使用它的append()方法来添加或修改查询参数的值，然后将其赋值给表单的action属性。
无论使用哪种方式，都需要先获取表单元素和查询参数的值，然后进行相应的修改，最后将修改后的查询字符串赋值给表单的action属性。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>修改提交表单的查询字符串</title>
<script>
function changeQueryString() {
var form = document.getElementById("myForm");
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
// 获取表单元素和查询参数的值
var value1 = input1.value;
var value2 = input2.value;
// 修改查询字符串
var queryString = "param1=" + value1 + "¶m2=" + value2;
// 修改表单的action属性
form.action = "https://example.com/submit?" + queryString;
}
</script>
</head>
<body>
<form id="myForm" action="https://example.com/submit" method="get">
<input type="text" id="input1" placeholder="参数1">
<input type="text" id="input2" placeholder="参数2">
<button type="button" onclick="changeQueryString()">修改查询字符串</button>
</form>
</body>
</html>在上述示例中，通过JavaScript获取表单元素和查询参数的值，然后将其拼接成新的查询字符串，并赋值给表单的action属性。点击按钮时，会触发changeQueryString()函数，实现修改提交表单的查询字符串。
相关·内容
2回答
在提交表单时，我经常遇到这种情况。我有一个表单，采取从用户的订单，并在提交表单后，它需要用户的付款PayPal。问题是如何将用户重定向到PayPal。我尝试了几乎所有可能的解决方案，包括j查询的$.post函数，JavaScript双向提交和php查询字符串重定向，但没有人帮我。这是对你们所有人的一个卑微的请求
浏览 1提问于2013-11-05得票数 0
我有一个具有许多下拉列表的表单，我想在提交表单时排除查询字符串中未选中的那些。所以我可以使用一些模块或过滤器来改变这个行为吗？ 例如:当我搜索测试时，url将是/someaction?q=test&select1=&select2=，所需的url是: /someaction?
浏览 23提问于2019-01-24得票数 0
回答已采纳
1回答
我有这样的表格：Color: <input type="text" name="color"><br><input type="submit">当我键入“红色”和汽车“宝马”时，我就会像
浏览 0提问于2017-10-24得票数 0
3回答
我在一个名为“foobar.html”的文件中有以下表单：我用fopen在php脚本中打开了这个文件，我如何在没有用户输入的情况下填写和提交这个表单？谢谢
浏览 9提问于2011-07-31得票数 0
1回答
我使用具有一个视图的mvc 4，它有一个简单的HTML表单，可以使用web方法ajax调用在表中添加雇员数据&使用Visual 2013。在代码中，我不是在url中传递任何参数，而是在提交表单后显示它&我的插入操作正在工作fine.But，但是，我无法像下面的代码片段那样在url中找到参数的原因。那么，我如何删除这个url参数呢？Add_Currency=8&Add_Position_FTE_SU=8&Add_salar
浏览 0提问于2018-03-14得票数 0
回答已采纳
... '
我不明白它是做什么的。在谷歌上搜索没有返回任何结果。实际上它是一个Django模板文件，但是我在django模板文档中没有找到任何东西。
浏览 0提问于2013-07-22得票数 29
回答已采纳
我正在设法在PDF中动态嵌入一个数字，这样当用户提交XML数据时，我就可以使用PDFs记录的recordID。用户点击表单上的submit按钮，表单将其XML数据提交到“我的提交”页面。如果有一些方法可以动态地更改提交URL，那么我可以执行一个查询字符串来传递我自己的recordID。我不生成PDF的代码，它是手工创建，然后上传到我的</
浏览 3提问于2010-05-04得票数 0
回答已采纳
我有一页有表格的。它工作得很完美，在表单提交后，它被替换为“谢谢”信息。最初表单可以通过URL http://localhost:5000/contact访问，提交后具有相同的url。我希望在提交url后更改为http://localhost:5000/contact?aftersubmit。即在服务器端添加查询字符串参数。
我知道我可以重定向，但这样我就失
浏览 3提问于2016-11-18得票数 0
回答已采纳
我在php表单中遇到了一个问题: isbn number是一个GET变量。因此，view.php会在如下URL中打开: localhost/../view.php?isbn=0810982463。
浏览 0提问于2013-05-13得票数 0
回答已采纳
1回答
嘿，伙计们，我有点困惑，我有一个列表页，上面显示了我的SQL表中的所有行。如您所见，我开发了一个列表页面，该页面获取所有表行，每行相当于一辆汽车。我现在想让用户使用左边的表单过滤结果，我原本打算使用AJAX，但我觉得学习如何以这种方式开发它似乎需要很长时间。<?>第二
浏览 0提问于2014-09-21得票数 0
2回答
我有个奇怪的问题。任何使用GET的表单都会重定向回不发送变量的页面。邮报是有用的。我认为这可能是.htaccess的一个问题，但我删除了它，并让WordPress重新创建它。没有成功。
浏览 0提问于2011-09-23得票数 0
我知道我可以使用钩子useLocation()和那里的搜索参数从reactjs中获取数据，比如： const resCode我可以在网络中看到我的数据的有效负载，但是如何获得这些值呢？
当我将回调返回url给服务器时，在使用formData返回me值的进度之后，这个参数.如何在reactjs中读取RefId、ResCode andSaleOrderId的值？，这是一个带有formDa
浏览 7提问于2022-09-30得票数 1
2回答
如何按键对查询字符串进行排序？
、、、、
如何对浏览器中显示的查询字符串进行排序？我想要的是：、
如果查询字符串基于我创建的链接，那么我可以通过对RouteValueDictionary进行排序来轻松地对其进行排序。但是如果查询字符串来自已提交的表单，那么我注意到它的排序是基于表单的<in
浏览 1提问于2012-11-02得票数 1
回答已采纳
当我调用REST的"Hello world“服务器时，我得到了一个http响应400 Bad Request。@Controller HttpServletRequest request) {
浏览 2提问于2014-11-03得票数 0
1回答
我有一个带有多个选择框的HTML/PHP表单。在提交表单时，我调用jquery函数来创建一个包含来自选择框的变量和一些其他变量的查询字符串，并将该查询字符串传递给jQuery工具Overlay以从外部加载它。覆盖图正确加载并显示具有适当查询字符串的页面。当我关闭覆盖，更改一些选择框值并重新提交表单时，
浏览 0提问于2013-01-25得票数 0
我有一个带有一些复选框的HTML表单。我使用jQuery的.serialize()函数来制作一个查询字符串提交给数据库。我遇到的问题是，当复选框未选中时，.serialize()函数不会将其注册到查询字符串中。
我的问题在这个jsfiddle中得到了说明：。这是一个问题，因为我仍然需要将未选中复选框的值保存到数据库中。现在，只有在复选框被选中时，才会保存信息。如果未选中该选项，并且提交</e
浏览 0提问于2012-04-27得票数 7
2回答
表单使用GET方法进行日期检索。 ...div id="search_button"><input type="submit" value={% trans 'Search' %} name="search"></div>我如何知道提交按钮是否被按下
浏览 1提问于2011-03-09得票数 0
客户端代码通过ajax请求向python脚本提交对象(在POST请求体中)或查询字符串(如果使用GET方法)。请注意，对象/查询字符串参数是，而不是来自非常感谢@codeape:谢谢，但这不是只适用于提交的forms吗？在我的例子中，没有提交任何表单
浏览 8提问于2009-01-15得票数 3
1回答
‘截断字符串
、、、
我将这个字符串传递给函数:一个包含查询信息的URL：此URL返回一个页面，其中列出了来自指定服务器的错误消息："server1:5678" --一个传递给服务器端查询的参数，如
server=server1:5678但是，当我将URL传递给我的函数时，我得到一个正确格式化<
浏览 1提问于2018-01-05得票数 0
回答已采纳
7回答
我有一个简单的表单，有四个输入。当我提交表单时，我想使用GET http方法。aaa : fooccc : bar我想让这个查询字符串：问题是我有这个查询字符串：如何从查询字符串中的</e
浏览 61提问于2011-05-08得票数 26
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
