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