jquery - 使用 JQuery ajax 调用 PHP 文件，处理，但保持在同一页面上

Question

此代码在实时站点上（按原样）工作。我试图通过 XAMPP 在 localhost 上运行它，但没有调用 addToCart.php。

想知道是否有更好的方法来编写它，因此它更健壮并且也可以在 localhost 配置上工作。我对 JQuery 或 PHP 不是很熟悉，这从代码中可能很明显。

<a id="atcAnchorTag'.$thisProduct['id'].'" 
href="#" 
onclick="
jQuery.ajax(\'./addToCart.php?id='.$thisProduct['id'].'\');
jQuery(atcAnchorTag'.$thisProduct['id'].').hide();
jQuery(rfcAnchorTag'.$thisProduct['id'].').show();
jQuery(mt'.$thisProduct['id'].').hide();
jQuery(grn'.$thisProduct['id'].').show();
scItemsCountJS++ ;
return false ; "
style="display:'.$atcDisplayType.'">add to cart</a>

Answer 1

实际上，Blender 是正确的，如果有办法，我会相信他的答案。按照他的建议重写代码并不是很困难，但我自己花了很长时间才弄清楚。

这是有效的。HTML：

<a id="atcAnchorTag'.$thisProduct['id'].'" 
    href="#" 
    style="display:'.$atcDisplayType.'">
    add to cart
</a>

查询：

<script type="text/javascript">
    $("#atcAnchorTag'.$thisProduct['id'].'").click(function() { 
        //alert("Hello");
        jQuery(atcAnchorTag'.$thisProduct['id'].').hide();
        jQuery(rfcAnchorTag'.$thisProduct['id'].').show();
        jQuery(mt'.$thisProduct['id'].').hide();
        jQuery(grn'.$thisProduct['id'].').show();
        scItemsCountJS++ ;
        var prodid = '.$thisProduct['id'].';
        $.post("addToCartJQ.php", {id: prodid}, function() {
        });
    });
</script>