Firefox在jquery AJAX发布后在URL中显示表单数据

Question

I have a login form which calls a jquery ajax request and posts the form data via an ASP.NET Web API endpoint.

So the process just checks username and password, and if it matches, redirect to home page. It works properly when I run from Chrome but I tested in FireFox and it's not redirecting but worst of all, it's putting the form data in the URL? Why is it doing that?

After posting, this is what the URL looks like:

http://localhost:50367/Account/Login?companycode=a&username=a&password=a

This does not happen in Chrome and I don't think I have anything in my code that would cause this.

The ajax call looks like this:

$.ajax({
    url: "/Account/Login",
    method: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: JSON.stringify(loginData)
})
.done((response) => {
    if (response.success) {
        window.location.href = response.returnUrl;
    }
})
.fail((error) => {      
});

What could be causing the form data to display in the URL for Firefox?

Answer 1

Prevent the default action of <form> submission.

form.onsubmit = function(event) {
  event.preventDefault();
  // do `$.ajax()` stuff
}