6

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

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

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

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

这是我的做法，来自 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...
4

2 回答 2

18

你有没有机会通过提交表单来触发这个？如果您不在return falseonsubmit 处理程序中，表单仍将被提交。

于 2013-01-08T21:33:27.690 回答
4

观察表单中的按钮单击时使用event.preventDefault() 。

于 2013-01-08T21:39:14.353 回答