javascript - 如何使用 jQuery 修改 POST headers onclick？

Question

我有一些链接，我想修改 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。

Answer 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
                    });
   });
});