XMLHttpRequest调用后如何避免自动页面重新加载？

Question

I know this is a bit paradoxal because XMLHttpRequest shouldn't be reloading the page, and it's the whole point of it.

Tried in Chrome latest version, Safari on iOS and on an Android. All same result.

I am sending a form through it, with files. Works great, the destination site receive correctly the data, and displays it. Sends back a 200, "OK". (It's facebook)

But then my page reloads automatically. Just like if I submitted the form using HTML form and a submit button. (Which was my original problem)

Here is how I do it, from Javascript

// Get the form element
var formData = new FormData(document.getElementById("photosubmitform")); 

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://graph.facebook.com/' + facebookWallId + '/photos', false);
xhr.onload = function(event)
{
    var json = xhr.responseText; // Response, yay!
}
xhr.send(formData); // Sending it, will reload the page on success...

Answer 1

Any chance you're triggering this by submitting a form? If you don't return false in the onsubmit handler, the form will still be submitted.

Answer 2

在表单中观察按钮单击时使用event.preventDefault（） 。