jQuery“submit”方法忽略使用GET的POST发送.为什么?


jQuery `submit` method ignores POST sends with GET. Why?

我有一个这样的表单。

<form id="hiddenForm" method="post" action="/my-controller/my-action/" enctype="multipart/form-data">
    <input type="hidden" id="HiddenFormInput" name="HiddenFormInput">
</form>

它是由可通过https://[my-server]/my-controller/my-action/访问的网页生成的,这也是表单指向的动作

在服务器端,我区分GETPOST请求。页面显示得很清楚(GET),或者根据表单的值显示一些结果(POST)。

当我使用jQuery提交表单时(我在这里没有使用AJAX,只是提交表单),就像这个片段中一样,

$("#hiddenForm").submit();

那么jQuery似乎用GET提交了这个表单,尽管它清楚地标记为用POST提交。即使是CCD_ 8也总是产生CCD_。但是,只有当页面已由GET加载时,才会出现这种不需要的行为。如果页面来自POST,即表单已经提交了至少一次,那么一切都会如预期一样。

更新

问题是一个普通的老preventDefault()问题。触发提交的按钮有自己的功能。这是一个超链接。所以我采取了一连串的行动。

  1. 指向https://[my-server]/my-controller/my-action/#的超链接
  2. 提交带有行动https://[my-server]/my-controller/my-action/的表格

当然,这将导致在没有提交表单的情况下进行GET调用。一旦我进入https://[my-server]/my-controller/my-action/#页面,超链接就失去了它的功能。这就是为什么第二次尝试总是有效的,因为行动链被简化为提交表格

  1. https://[my-server]/my-controller/my-action/#的超链接(无效,因为已经存在)
  2. 提交带有行动https://[my-server]/my-controller/my-action/的表格

然后它当然起作用了。

正如评论中所讨论的,没有任何错误,至少在jQuery 2.0.3的最后一个版本上,可以使用以下工具进行测试:

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
$(document).ready(function () {
  $('#dosubmit').on('click',function(){
    $("#hiddenForm").submit();
  });
});
</script>
</head>
<body>
<?php
//
if(count($_GET) > 0) {
  echo "<textarea style='"width: 700px; height: 90px;'">
Submitted with method=GET: '$_GET:
";
  var_dump($_GET);
  echo "</textarea>";
}
if(count($_POST) > 0) {
echo "<textarea style='"width: 700px; height: 90px;'">
Submitted with method=POST: '$_POST:
";
  var_dump($_POST);
  echo "</textarea>";
}
?>
<form id="hiddenForm" method="post" enctype="multipart/form-data">
  <input type="hidden" id="HiddenFormInput" name="HiddenFormInput" />
</form>
<div id="dosubmit" style="background-color: gold; width: 200px; cursor: pointer;">Click me to Do jQuery Submit</div>
</body>
</html>

当点击金色背景文本时,$("#hiddenForm").submit();用于提交表格。

这是输出:

Submitted with method=POST: $_POST:
array(1) {
  ["HiddenFormInput"]=>
    string(0) ""
}

在原始表单中,提交时不会传递URL参数,因为只提交指定了name属性的输入。因此,我为您的隐藏输入添加了属性name="HiddenFormInput"。