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

问题描述

我知道这有点自相矛盾，因为 XMLHttpRequest 不应该重新加载页面，这就是它的全部意义所在.

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

在 Chrome 最新版本、iOS 上的 Safari 和 Android 上进行了尝试.结果都一样.

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

我正在通过它发送一个带有文件的表格.效果很好，目标站点正确接收数据并显示它.发回 200，OK".(这是脸书)

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)

但是我的页面会自动重新加载.就像我使用 HTML 表单和提交按钮提交表单一样.(这是我原来的问题)

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)

这是我的做法，来自 Javascript

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...

推荐答案

您是否有可能通过提交表单来触发此问题?如果您不在 onsubmit 处理程序中return false，表单仍然会被提交.

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.

这篇关于如何避免在 XMLHttpRequest 调用后自动重新加载页面?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！