Question

所以我有一些链接，它们的值存储在jQuery中，然后用作它调用的PHP文件的变量。在该PHP文件中，它输出相同的确切链接，因此该过程可以继续而无需刷新页面。但是，第二次单击链接不会产生对php文件的jQuery POST ajax调用。

这是我的jQuery代码

jQuery('.wantedStatus').on('click', function(event)
{
    var anime_id = <?php echo $anime_id; ?>;
    var anime_list_entry_id = <?php echo $anime_list_entry_id; ?>;
    var wantedStatus = jQuery(this).tex   
    jQuery.post("/path/to/php/file/updateStatus_animelist.php", {firstParam : anime_id, secondParam : anime_list_entry_id, thirdParam : wantedStatus}, function(data) {
         //this is your response data from serv
         console.log(data);
         jQuery('#anime_list_update').html(data);
    });
    return false;
});

激活此功能的链接。

<a href="javascript:void(0);" class="wantedStatus">Watching</a>
<a href="javascript:void(0);" class="wantedStatus">Plan to watch</a>
<a href="javascript:void(0);" class="wantedStatus">On hold</a>
<a href="javascript:void(0);" class="wantedStatus">Dropped</a>

现在这些确切的链接是从updateStatus_animelist.php输出的，所以当再次点击它们时，它们就不起作用了。

Answer 1

由于每次调用都会替换元素，因此您希望在父级或click上收听document。

请尝试：

jQuery(document).on('click', '.wantedStatus', function(event) {
  ...
});

重复的jQuery POST ajax调用一个php文件，输出只能工作一次

1 个答案: