jQUery ajax call return an html error

Question

Hi I am just learning to work with jquery and ajax.And an tryin gto berform a basic jquery call and retrieve an ok.But it seems I get back nothing.

This is my html:

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

This is my jquery code:

$('.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);
            }
        });
    });

And this is my php code:

echo $_POST['cart'];

When I try to run this in the success alert I get back this:

enter image description here

How can make this ajax call to work properly?

The error message in the popup is just html code returned from the server saying that you have a PHP error in line 8 of cart.php — Floremin
– Floremin, Commented Feb 28, 2013 at 19:32

Musa · Accepted Answer · 2013-02-28 19:34:08Z

1

You have to send your post data in key/value pairs, try

    $.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);
        }
    });

answered Feb 28, 2013 at 19:34

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nwahmaet · Accepted Answer · 2013-02-28 19:35:02Z

0

Looks to me like you have an error in your PHP code. The returned HTML has some text that says "Notice: Undefined index" etc.

The AJAX Call succeeds - so you're seeing the alert message.

answered Feb 28, 2013 at 19:35

nwahmaet

4,0043 gold badges32 silver badges37 bronze badges

Collectives™ on Stack Overflow

jQUery ajax call return an html error

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related