在jsp中提交請求而不重新整理頁面的方法

今天要實現一個倒計時的功能，比如你忘記密碼了，然後你需要先擷取一個驗證碼，然後頁面倒計時60秒之內你如果填進去且驗證通過的話那麼你就可以修改密碼了，這是當下許多網站的基本方式。所以首先你提交一個form，網站會給你一個含有驗證碼的郵件，但是這個倒計時使用js寫的，所以你提交form表單之後是不能夠重新整理頁面的，否則倒計時功能便失去了。

在網上看了看說現在如果要想實現不重新整理而提交請求，只有兩種方式，一種是iframe方式，另一種是ajax方式。我用iframe實現了。

其實就是

<iframe src="about:blank" name="blankFrame" id="blankFrame" style="display: none;"></iframe>
<form method="post" action="/TaoWei/UserForgetPass" target="blankFrame" id="form11">

我把response返回在一個不顯示的iframe裡面，這樣便不重新整理了。

再看看我的倒計時功能吧：

<script type="text/javascript">
var wait=60;
function time(o) {
if (wait == 0) {
document.getElementById("validateDiv").style.display="none";
o.removeAttribute("disabled");

o.value="擷取驗證碼";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value="重新發送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);document.getElementById("validateDiv").style.display="";
document.forms[0].submit();
}
</script>

小心最後一條語句。如果改成onsubmit則不行，我估計是阻塞了。