为了账号安全,请及时绑定邮箱和手机立即绑定

如何通过浏览器地址栏中的URL传递POST参数

如何通过浏览器地址栏中的URL传递POST参数

繁星淼淼 2023-10-24 17:18:17
我们可以从网页中找出POST请求所使用的参数,例如 如何查看单击HTML按钮时发出的POST请求的地址?方法是否可以POST在地址栏中或从调试器控制台输入带有参数的 url?对于get请求,在地址和参数之间插入一个?,例如https://www.w3schools.com/action_page.php?fname=Albert&lname=Einstein.(模拟帖子表单调用相同的脚本。)
查看完整描述

3 回答

?
蓝山帝景

TA贡献1843条经验 获得超7个赞

当然, POST 方法可以在地址中传递参数。


设置一个表单以使用操作进行 POST /foo?bar=bat,服务器将获取POST表单参数和查询字符串参数。


动态创建操作以便操作中的查询字符串包含表单参数是很简单的。例如 - 这里,当提交表单时,POST 数据会在通过 ajax 发布表单之前附加到查询字符串中。这样您就可以在 URL 和正文数据中获取 post 参数。


html


<!DOCTYPE html>

<html>

  <body>

    <form action="/something">

      <label for="fname">First name:</label><br>

      <input type="text" id="fname" name="fname" value="John"><br>

      <label for="lname">Last name:</label><br>

      <input type="text" id="lname" name="lname" value="Doe"><br><br>

      <input type="submit" value="Submit">

    </form>

  </body>

</html>

js


$("form").submit(function(e) {

  e.preventDefault();

  const form = $(e.currentTarget);

  const data = form.serialize();

  $.ajax({

    type: "POST",

    url: `${form.attr("action")}?${data}`,

    data: data,

    success: function() {

      console.log("woot!");

    }

  });

});

也就是说,这可能根本不是一个好主意。


查看完整回答
反对 回复 2023-10-24
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

这是不可能的。

POST 参数只能通过请求正文传递。

您可以使用某种 API 客户端工具,例如Postman、Paw或仅使用普通的curl。


查看完整回答
反对 回复 2023-10-24
?
哆啦的时光机

TA贡献1779条经验 获得超6个赞

可以在调试器控制台中运行以下命令。它操纵一个输入字段。

form=document.getElementsByName("form0")[0]; form.isource.value="Gaia";
form.target="_blank"; form.submit()

该 url 已经继承自form.action.


查看完整回答
反对 回复 2023-10-24
  • 3 回答
  • 0 关注
  • 163 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信