如何使用 jQuery 修改 POST 标头 onclick？答案

【问题标题】：How do I use jQuery to modify POST headers onclick?如何使用 jQuery 修改 POST 标头 onclick？
【发布时间】：2013-09-22 14:41:03
【问题描述】：

我有一些链接，我想修改 POST onclick。我可以用表单来完成，但我想使用简写的 jQuery。

现在，我对 jQuery 的语法感到困惑。我知道我想做这样的事情：

<a href="#" onclick="$(this).load('purchase/credits', 'package=3')">Test</a>

但是，这会在 <a> 标记中加载“购买/信用”。

所以，我想是这样的......

<a href="#" onclick="$(this).post('purchase/credits', 'package=3')">Test</a>

但这不起作用。

我需要像这样做表单标签吗？

<form action="purchase/credits" method="post">
   <input name="credits" value="3" type="hidden" />
   <submit>
</form>

我正在使用 PHP、jQuery、Apache。

【问题讨论】：

标签： javascript php jquery html apache

【解决方案1】：

语法错误，使用$.post实用函数：

$.post('purchase/credits', { package: 3 }, function(responseData) {
    // ...
}).fail(function() {
    // failed
});

http://api.jquery.com/jQuery.post/

由于您使用的是 jQuery，您可以使用 jQuery .on() 方法代替 onclick 属性：

<a href="#" class='className' data-package="1">Test</a>
<a href="#" class='className' data-package="2">Test</a>

jQuery(document).ready(function($) {
   $('.className').on('click', function(e) { 
        e.preventDefault();
        $.post('purchase/credits', { package: $(this).data('package') })
                    .done(function(responseData) {
                         // ...
                    }).fail(function() {
                        // failed
                    });
   });
});

【讨论】：