ajax ignores url

Question

$.ajax({
    method: 'post',
    url: '/send.php',
    data: { 'username': user }
})

It ignores the url bit and sends the parameters from data to the current page and sends me to

mywebsite.com/currentpage.php?username=user 

Instead of

mywebsite.com/send.php?username=user

Answer 1

It would appear that what you're experiencing may be a bug, as I am unable to reproduce it.. However, assuming it is jQuery, the correct option is type, not method, as shown in the documentation of the $.ajax() method:

$.ajax({
    type:'post',
    url: '/send.php',
    data: { 'username': user }
});

EDIT 1:

.. As per the comments, it would appear you're trying to use ajax on a form.. without preventing the default action of the form, and unless I'm mistaken, when one does not supply a form method, it defaults to get.. and the action unless specified defaults to the current page.

In whatever function you are doing this in.. I'm going to assume submit() for this example, you either want to return false or e.preventDefault(), where e is the event object passed to the function in the submit event. Example:

$("form").submit(function(e) {
    e.preventDefault();
    //do your ajax here.
});

Answer 2

I experienced this recently. On investigation, I found that the original target of the ajax request was redirecting. Chrome Dev Tools was showing the second rather than the original target of $.ajax.