Javascript 如何将GET请求转换为POST

我不知道这是否可能。我参考了一些网站，但没有得到确切的答案

I am using 
<a href="xyz?id=4"> click </a>

我正在使用

当我在响应页面中轻松地将此请求发送到服务器时，我可以在地址栏中看到“id=4”，这显然是不安全的，但在post请求中我们看不到这一点

所以，我们可以将get请求转换为post或ant，也可以通过其他方式将其从地址栏中隐藏

---

提前感谢。

首先，要将

GET

转换为

POST

，只需将链接更改为表单：

<form id="myForm" action="xyz" method="post">
  <input type"hidden" name="id" value="4"/>
</form>

此表单将不可见，您可以在链接中使用JavaScript轻松自动提交：

<a href="javascript:void document.getElementById('myForm').submit();"> click </a>

---

其次，也是更重要的是，

GET

和

POST

在HTTP上同样不安全。要保护它们，请使用HTTPS，它们将同样安全，因此如果

GET

对您有效，则无需更改。

首先，要将

GET

转换为

POST

，只需将链接更改为表单：

<form id="myForm" action="xyz" method="post">
  <input type"hidden" name="id" value="4"/>
</form>

<a href="#" onclick="postForm()"> click </a>

此表单将不可见，您可以在链接中使用JavaScript轻松自动提交：

<a href="javascript:void document.getElementById('myForm').submit();"> click </a>

---

其次，也是更重要的是，

GET

和

POST

在HTTP上同样不安全。要保护它们，请使用HTTPS，它们将同样安全，因此如果

GET

对您有效，则无需更改。

在onclick上调用java脚本函数，该函数将使用post方法提交表单，或者您可以使用ajax调用发布数据并获得所需结果。在函数中使用id作为参数

<a href="#" onclick="postForm()"> click </a>

<a href="#" onclick="postData(4)">

/// Javascript function for ajax call
function postData(id){
  var param = { "Id": id};
  $.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: "xyz.aspx",
    data: JSON.stringify(param),
    success: function (data) {
         /// Recive data here or do your stuff here
    }
}

///用于ajax调用的Javascript函数
函数postData（id）{
var param={“Id”：Id}；
$.ajax({
类型：“POST”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
url:“xyz.aspx”，
数据：JSON.stringify（param），
成功：功能（数据）{
///在这里接收数据或在这里做你的事情
}
}

使表单隐藏单个输入类型，并单击该输入类型隐藏元素的设置值，然后使用jquery提交表单

<form id="target" action="destination.html">
   <input type="hidden" id="hiddenValue">
</form>

/// Javascript function for setting value of hidden element and form submission using jquery
    function postData(id){
       $("#hiddenValue").val(id);
       $("#target").submit();
    }

///Javascript函数，用于设置隐藏元素的值并使用jquery提交表单
函数postData（id）{
$（“#hiddenValue”）.val（id）；
$（“#目标”）.submit（）；
}

---

希望这能解决您的问题。

在onclick上调用java脚本函数，该函数将使用post方法提交表单，或者您可以使用ajax调用发布数据并获得所需的结果。在函数中使用id作为参数

<a href="#" onclick="postData(4)">

/// Javascript function for ajax call
function postData(id){
  var param = { "Id": id};
  $.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: "xyz.aspx",
    data: JSON.stringify(param),
    success: function (data) {
         /// Recive data here or do your stuff here
    }
}

///用于ajax调用的Javascript函数
函数postData（id）{
var param={“Id”：Id}；
$.ajax({
类型：“POST”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
url:“xyz.aspx”，
数据：JSON.stringify（param），
成功：功能（数据）{
///在这里接收数据或在这里做你的事情
}
}

使表单隐藏单个输入类型，并单击该输入类型隐藏元素的设置值，然后使用jquery提交表单

<form id="target" action="destination.html">
   <input type="hidden" id="hiddenValue">
</form>

/// Javascript function for setting value of hidden element and form submission using jquery
    function postData(id){
       $("#hiddenValue").val(id);
       $("#target").submit();
    }

///Javascript函数，用于设置隐藏元素的值并使用jquery提交表单
函数postData（id）{
$（“#hiddenValue”）.val（id）；
$（“#目标”）.submit（）；
}

---

---

希望这能解决您的问题。

使用带有操作和方法post的表单否，我不能，使用表单。@Guradio发送带有类型post的ajax请求。链接将始终作为GET请求发送。如果您不能更改请求方式，您就倒霉了。“在post请求中，我们看不到这一点。”它在URL中不可见，但除非您使用HTTPS，否则它仍然很容易被拦截。@MickeyPatel您仍然可以使用jquery或form POST并在其他页面上获得结果使用带有操作和方法postno I can，使用form。@Guradio发送一个带有类型POST的ajax请求。链接将始终作为get请求发送。如果您无法更改其发送方式你提出这个请求，你真倒霉。“在请求后，我们看不到这个。”它在URL中不可见，但除非您使用HTTPS，否则它仍然很容易被拦截。@MickeyPatel您仍然可以使用jquery或form POST在其他页面上获得结果。提交表单的默认方法不是get吗？@fbo3264 Oops！更正。谢谢。提交表单的默认方法不是get吗？@fbo3264 Oops！更正。谢谢。很好，但我不会同时使用

href

和

onclick

。我会使用

@RacilHilan yes或绑定锚点的id将点击事件绑定到

href='#'

@anu不知道为什么但是$（document）。追加（表单）；行不起作用。@MickeyPatel尝试

$（“body”）。追加（表单）

或

$（document.body）

您所说的工作正常，但当我试图点击地址栏中的enter按钮时，将响应重定向到页面后，它向我播送了此错误“HTTP状态405-请求方法'GET'不受支持”@anuNice，但我不会同时使用

href

和

onclick

。我会使用

@RacilHilan yes或绑定锚定的id将点击事件绑定到

href=''.'''.

@anu不知道为什么，但是$（文档）。追加（表单）；行不起作用。@MickeyPatel尝试

$（“body”）。追加（表单）

或

$（文档.body）

您所说的工作正常，但当我试图点击地址栏中的enter按钮时，将响应重定向到页面后，它向我播送了此错误“HTTP状态405-请求方法“GET”不受支持”@anu