[AJAX] 一次点击, 2次提交

前台页面:

<form id="uploadForm" method="POST" action="actionUrl">
   <input type="text" id="yourName" />
   <%--重点来了,注意这个button--%>
   <button id="btnOk" onclick="submitClick()">submit</button>
</form>

问题:通常状况下,咱们都使用按钮提交. 若是使用AJAX提交时发现点一次按钮, 却发生2次提交, 那么估计是按钮没有设置type="button".
分析:w3school关于HTML<button>标签的介绍：
定义和用法: type 属性规定按钮的类型。
提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其余浏览器中（包括 W3C 规范）的默认值是 "submit"。(http://www.w3school.com.cn/tags/att_button_type.asp)
因此缘由是:当使用遵照W3C 规范的浏览器时,submit表单按钮提交了一次, ajax代码提交了一次.
解决:按钮加入type属性就能够了:

<button id="btnOk" type="button" onclick="submitClick()">submit</button>