jQuery $.ajax() executed twice?

Question

Here is a button:

and a bound event:

$(\"#addToCart\         


        

Answer 1

This is happening because of this: http://httpd.apache.org/docs/2.0/mod/mod_dir.html#directoryslash

Nohing to do with your javascript, this is pure Apache wizardry.

Of course, as pointed out in other answers, you should add a slash after "add" because "add" is obvisouly a folder, not a file.

Answer 2

The header has the clues you need.

Your request to '/cartManager/add' is being forwarded to '/cartManager/add/' (notice the ending forward slash).

Replace your ajax call with

$.ajax({
                    url: '/cartManager/add/',
                    data:{
                        pictureId: currentImageId,
                        printSize: $("#size option:selected").val(),
                        paperType: $("#paperType option:selected").val(),
                        quantity: 1
                    },
                    success: function(){
                        $("#modal").html("<h1>ОК</h1><p>Closing in a sec</p>").delay(1000);
                        $("#modal").overlay().close();

                    }
                });

Answer 3

There's nothing wrong per-se, but you should add the trailing slash to /cartManager/add yourself.

What's happening is that the web server is sending a 301 redirect to the AJAX client with a new URL, so it issues a new request to the proper URL (i.e. with the trailing slash).

Answer 4

Status Code:301 MOVED PERMANENTLY

No, your JavaScript is not causing this. It looks like your server is redirecting /cartManager/add to /cartManager/add/. Since the server wants a trailing slash, why not just add it and avoid the redirect?