如何提交带有参数的 URL 表单？ [复制]答案

【问题标题】：How To Submit form with URL with parameters? [duplicate]如何提交带有参数的 URL 表单？ [复制]
【发布时间】：2019-09-19 11:33:18
【问题描述】：

我有一个表单，我将数据提交到数据库中。有以下字段：

文件名
选择图片
按钮

我通过 URL 调用此表单，例如 https://www.w3schools.com

例如，如果我为字段添加参数，我该如何点击带有参数的按钮 https://www.w3schools.com?id=1&name=abc&age=2

按钮和图片怎么办。

https://www.w3schools.com?id=1&name=abc&age=2&buton=submit&chooseImage=img.png

什么都不显示

【问题讨论】：

我不确定你想要什么。提交表单，所以参数在 url 中？
...
您不是通过 URL 调用表单，而是加载可能具有表单的页面，或者您使用来自位置栏的 GET 请求调用服务器进程。如果您有一个表单，该表单需要操作“/someaction”并具有名称和值如<input type="text" name="id" value="1" /><input type="text" name="firstname" value="abc" /> 的字段，然后您可以使用方法 POST 或 GET（默认）。您不能使用 GET 发送图像
如果您的问题中至少没有表单即代码，就很难说出您想要什么。
您不能使用指向该页面的 URL 触发页面上的表单提交。您需要用户脚本或服务器代理

标签： javascript html url iframe

【解决方案1】：

要通过 URL 发送参数，您需要使用 GET 方法发送表单：

<form name="someName" action="https://www.w3schools.com" method="get">
...
</form>

不能通过get发送图片，但可以发送图片名称

【讨论】：

发送图片，POST
但是我怎样才能点击表单中可用的按钮？
您不能在另一个页面上“提交”表单。您在自己的表单上将其提交到表单的“操作”属性中标记的所需目的地。

【解决方案2】：

下面的脚本传递带有参数的 URL（表单字段数据）。

$('.filterForm').on('submit',function(e){
  e.preventDefault();
  var formData=$(this).serialize();
  var fullUrl = window.location.href;
  var finalUrl = fullUrl+"&"+formData;
  window.location.href = finalUrl;
  alert(finalUrl);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form class="filterForm" >
<input type="text" name="serialNumber" />
    <input type="submit" value="Submit" />
</form>

【讨论】：

我可以用带有参数的 URL 点击这个提交按钮吗？
您好，我没有正确理解您要告诉的内容...您能用其他方法再来一次吗
@Shivasagar OP 想要点击并上传某人页面上的图片，只需从其他地方点击该页面的链接
@mplungjan 绝对...