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

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

javascript html url browser

Javascript 如何通过浏览器地址栏中的URL传递POST参数,javascript,html,url,browser,Javascript,Html,Url,Browser,人们可以从网页上找出POST请求使用的参数，例如。 POST方法是否可以在地址栏或调试器控制台中输入带有参数的url 对于get请求，在地址和参数之间插入一个？，例如：（模拟调用。）这是不可能的 POST参数只能通过请求主体传递您可以使用某种API客户端工具，例如，或仅使用普通工具。确保POST方法可以在地址中传递参数使用操作/foo？bar=bat设置要发布的表单，服务器将获得POST表单参数和查询字符串参数动态创建操作，以便操作中的查询字符串包含表单参数，这将是一件微不足道的事情

人们可以从网页上找出POST请求使用的参数，例如。

POST

方法是否可以在地址栏或调试器控制台中输入带有参数的url

对于

get

请求，在地址和参数之间插入一个

？

，例如：

（模拟调用。）

这是不可能的

POST参数只能通过请求主体传递

您可以使用某种API客户端工具，例如，或仅使用普通工具。

确保POST方法可以在地址中传递参数

使用操作

/foo？bar=bat

设置要发布的表单，服务器将获得

POST

表单参数和查询字符串参数

动态创建操作，以便操作中的查询字符串包含表单参数，这将是一件微不足道的事情。例如，在这里，当表单被提交时，POST数据在表单通过ajax发布之前被追加到查询字符串中。因此，您可以在URL和正文数据中获得post参数

html

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

这是我的javascript解决方案

例如，表格需要

post

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

form=document.getElementsByName（“form0”）[0]；form.isosource.value=“Gaia”；
form.target=“_blank”；表格提交（

url已从

表单继承。操作

只能在地址栏中使用GET和参数。如果你想进行post呼叫，你需要使用POSTMAN。什么是POSTMAN？它是一个应用程序，你可以通过设置请求主体来测试post呼叫。试试itor，你可以在formIs上使用method=“POST”，这样就可以从浏览器调试器命令行执行javascript了吗？是的，但当你经常需要测试API时，它并不十分方便。@Friedrich是的，当然了。请看，或者我找到了这个：。我本来希望有一个在线的。但是，在这种情况下，请求中不会有POST参数，只有查询参数。@OleksandrKovpashko-正如我所说的-动态创建操作以便操作中的查询字符串包含表单参数是很简单的。因为记录将不起作用。@Friedrich-不确定您指的是什么？

<!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>

$("form").submit(function(e) {
  e.preventDefault();
  let f = $(e.currentTarget);
  $.ajax({
    type: "POST",
    url: `${f.attr("action")}?${f.serialize()}`,
    data: f.serialize(),
    success: function() {
      //success message maybe...
    }
  });
});