考虑以下代码：
索引.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form>
<button id="getInfoButton1"></button>
<input type="button" id="getInfoButton2"></input>
</form>
</body>
</html>
使用随附的 JavaScript 文件：
脚本.js
window.onload = initAll;
var req;
function initAll()
{
document.getElementById("getInfoButton1").onclick = getInfo;
document.getElementById("getInfoButton2").onclick = getInfo;
}
function getInfo()
{
req = new XMLHttpRequest();
var URL = "index.html";
req.open("GET", URL, true);
req.onreadystatechange = whatsTheStatus;
req.send(null);
}
function whatsTheStatus()
{
if (req.readyState != 4) { return; }
alert(req.status);
}
（我已经削减了很多代码，但这个例子仍然突出显示了错误）
问题是这样的：
当您加载此按钮并单击两个按钮时，第一个按钮将显示状态0，而第二个显示的状态为200.
当然，我期待两者都能显示200，我不知道为什么<button>行为有所不同。这不是什么大不了的事，但我想保持同样的使用<button>整个我的网站。
我浏览了网络并询问了我公司的其他一些开发人员，但我们似乎找不到答案。有任何想法吗？
如果有帮助，我正在 Firefox 3.6.8 上进行测试。另外，我通过 WAMPserver 2.0 从本地主机运行它。
你需要<button type="button">重现行为<input type="button">.
如果您省略了类型<button>它默认为submit（除了由于错误而在 IEtype属性上<button>）。提交按钮将导致表单提交，从而引发导航并取消 XMLHttpRequest。
一般来说，你应该被困住onsubmit在表格上而不是onclick在特定按钮上，以确保您始终收到通知，如果表单是通过其他方式（例如按下 Enter 键）提交的。 （因此你会使用正常的submit按钮。）使用return false从事件处理程序中阻止表单提交继续进行。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)