我不确定这是否可行。但我想知道是否有人知道如何使一个超链接传递一些变量和使用POST(像一个表单)而不是GET。
当前回答
检查这个,它会帮助你
$().redirect('test.php', {'a': 'value1', 'b': 'value2'});
其他回答
不需要JavaScript。只是想说清楚一点,因为在这个答案发布的时候,这个问题的所有答案都涉及到以某种方式使用JavaScript。
使用纯HTML和CSS可以很容易地做到这一点,只需创建一个包含要提交的数据的隐藏字段的表单,然后将表单的提交按钮设置为链接的样式。
例如:
.inline { display: inline; } .link-button { background: none; border: none; color: blue; text-decoration: underline; cursor: pointer; font-size: 1em; font-family: serif; } .link-button:focus { outline: none; } .link-button:active { color:red; } <a href="some_page">This is a regular link</a> <form method="post" action="some_page" class="inline"> <input type="hidden" name="extra_submit_param" value="extra_submit_value"> <button type="submit" name="submit_param" value="submit_value" class="link-button"> This is a link that sends a POST request </button> </form>
您使用的确切CSS可能会根据站点上常规链接的样式而有所不同。
JQuery:通过POST提交隐藏表单的链接。
由于我花了很多时间来理解所有这些答案,而且它们都有一些有趣的细节,下面是最终适合我的组合版本,我更喜欢它的简单性。
我的方法仍然是创建一个隐藏表单,并通过单击页面其他地方的链接提交它。表单将被放置在页面主体的哪个位置并不重要。
表单代码:
<form id="myHiddenFormId" action="myAction.php" method="post" style="display: none">
<input type="hidden" name="myParameterName" value="myParameterValue">
</form>
描述:
display: none隐藏表单。你也可以把它放在一个div或另一个元素中,并在元素上设置display: none。
type="hidden"将创建一个不会显示的字段,但其数据将以任何方式传输到操作(参见W3C)。我知道这是最简单的输入类型。
链接的代码:
<a href="" onclick="$('#myHiddenFormId').submit(); return false;" title="My link title">My link text</a>
描述:
空的href只针对同一页。但在这种情况下,这并不重要,因为返回false将阻止浏览器跟踪该链接。当然,你可能想要改变这种行为。在我的特定情况下,该操作在最后包含重定向。
onclick被用来避免使用href="javascript:…",正如mplungjan所指出的那样。$ (' # myHiddenFormId ')。submit ();用于提交表单(而不是定义函数,因为代码非常小)。
该链接看起来与任何其他<a>元素完全相同。实际上,您可以使用任何其他元素来代替<a>(例如<span>或图像)。
除了使用javascript,还可以使用标签发送隐藏表单。非常简单和小的解决方案。标签可以在html中的任何地方。
<form style="display: none" action="postUrl" method="post"> <button type="submit" id="button_to_link"> </button> . > < /形式 <label style="text-decoration: underline" for="button_to_link">张贴的链接</label>
检查这个,它会帮助你
$().redirect('test.php', {'a': 'value1', 'b': 'value2'});
你可以使用javascript函数。JQuery有一个很好的内置post函数,如果你决定使用它:
JQuery的帖子
<script language="javascript">
function DoPost(){
$.post("WhateverPage.php", { name: "John", time: "2pm" } ); //Your values here..
}
</script>
<a href="javascript:DoPost()">Click Here</A>
推荐文章
- 使伸缩项目正确浮动
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- 自定义元素在HTML5中有效吗?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?