jquery ajax doesn't work in IE

Question

i have the following function to add an article in my basket:

$(".addtocart").click(function(){

   var product = $("#pid").val();
   var qty = $("#qty").val();
   if(isNaN(qty) || qty == '') alert("ERROR");
   else{                                    
        alert("HIHI");

        $.ajax({
            type:"post",
            url:"index.php",
            data:"page=ajax&action=add_product&product=" + product + "&qty=" + qty,
            success: function(html){
                alert("AAA");
                /*
                $("#maininf").html($("#thumbimg").html());
                $("#tinfo").html(html);
                var leftPoint = (Fensterweite()-$(".readybuy").width())/2;
                $(".readybuy").css("left",leftPoint);
                $(".glassbox").fadeIn();
                $(".readybuy").fadeIn();
                */
            },
        });
   }

the first alert is alling everytime in IE. the beforeSend Step is working too. But the second alert is never coming. Has anybody an idea why it doesn't work on IE?

Thanks.

score 13 · Answer 1 · answered Oct 27 '09 at 15:24

13

            $(".readybuy").fadeIn();
            */
        },  < - Extra comma will break IE
    });
}

answered Oct 27 '09 at 15:24

Daren Schwenke

5,428
3
29
34

score 5 · Answer 2 · answered Oct 27 '09 at 15:27

5

http://jslint.com/ is a great tool to make sure your Javascript is good. Parser errors are common, I have often also had a case where Firefox works fine but Safari pukes on the same script because of missing/extra commas.

answered Oct 27 '09 at 15:27

Jaanus

17,688
15
65
110

score 3 · Answer 3 · answered Oct 27 '09 at 15:24

3

You need to remove your trailing comma for a start:

   $.ajax({
           ...
        } // No comma here
    });

answered Oct 27 '09 at 15:24

Greg

316,276
54
369
333

score 1 · Answer 4 · answered Oct 27 '09 at 15:29

you also may want to add an error part to your ajax call just in case it errors out because otherwise you wont know

$.ajax({
    type:"post",
    url:"index.php",
    data:"page=ajax&action=add_product&product=" + product + "&qty=" + qty,
    success: function(html){
        alert("AAA");
        /*
        $("#maininf").html($("#thumbimg").html());
        $("#tinfo").html(html);
        var leftPoint = (Fensterweite()-$(".readybuy").width())/2;
        $(".readybuy").css("left",leftPoint);
        $(".glassbox").fadeIn();
        $(".readybuy").fadeIn();
        */
    },
    error: function(error) {
        alert(error);
    }
});

score 1 · Answer 5 · edited Jul 16 '11 at 12:29

1

Thank you very much but it was another error.
The requested php Page needs the following line:

header("Content-Type: text/html; charset=utf-8");

And now everything works fine.

edited Jul 16 '11 at 12:29

Nifle

11,745
10
75
100

answered Oct 27 '09 at 15:41

jquery ajax doesn't work in IE

5 Answers5

Linked