尝试从 <a> 标记传递数据，通过 post() 方法使用 onclick 函数

Question

当我单击<a> 标记时，我想将一些数据传送到 php 页面。 html 是用 jquery 生成的，因此初始文件是 .js。

我在这里尝试使用 post() 方法，但它不起作用。函数（数据，状态）没有响应。

我在<a>中应用了一些额外的数据：

<a href="http://path" data-value = "89"></a>

然后我尝试在点击函数中使用 post()，例如：

jQuery(function ($) {
$('a').click(function(){
    var num = $(this).data("value");
    $.post("products.php",{
        cat_num: num
    },function(data,status){
        $("#test_id").html(data);
    });
});

});

Answer 1

我看到两个可能的问题：

1. html是用jquery生成的

   因此，当您添加点击处理程序时，该链接可能还不存在。

2. 您没有停止链接的默认行为。因此，您可能只是在发布请求触发之前关注该链接。

尝试委派事件处理程序并使用preventDefault()

jQuery(function ($) {
  $('body').on('click','a', function(e){
    e.preventDefault();
    var num = $(this).data("value");
    $.post("products.php",{
        cat_num: num
    },function(data,status){
        $("#test_id").html(data);
    });
  });
});