ajax - jQUery ajax 调用返回一个 html 错误

Question

嗨，我刚刚学习使用 jquery 和 ajax。并且尝试执行基本的 jquery 调用并检索 ok。但似乎我什么也没得到。

这是我的html：

<a href="#" class="addToCart" id="'.$idProduct.'" name="cart">Add to Cart</a>

这是我的jQuery代码：

$('.addToCart').on('click', function(){
        var itemId = $(this).attr("id");
        $.ajax({
            url: 'cart.php',
            type: 'POST',
            data: itemId,
            dataType:'html',
            success: function(result){
                alert(result + " ceva ");
            },
            error : function(data){
                alert(data);
            }
        });
    });

这是我的 php 代码：

echo $_POST['cart'];

当我尝试在成功警报中运行它时，我得到了这个：

如何使这个 ajax 调用正常工作？

Answer 1

您必须以键/值对的形式发送您的帖子数据，尝试

    $.ajax({
        url: 'cart.php',
        type: 'POST',
        data: {cart:itemId},//key -> cart, value -> itemId
        dataType:'html',
        success: function(result){
            alert(result + " ceva ");
        },
        error : function(data){
            alert(data);
        }
    });

Answer 2

在我看来，您的 PHP 代码中有错误。返回的 HTML 包含一些文本，上面写着“注意：未定义的索引”等。

AJAX 调用成功 - 所以您会看到警报消息。