Javascript 跨域表单提交状态的变相判断

【 tulaoshi.com - Web开发 】

通过表单在ｉｆｒａｍｅ内向一个跨域的url提交的时候，如何判断提交成功了呢？
这个，基本上，很难，因为浏览器安全沙箱的限制，我们没有办法通过获得ｉｆｒａｍｅ内部不同域页面的信息。换种思维，如果开始可以获得ｉｆｒａｍｅ内部页面信息，那么不能获得的时候，不就说明表单已经提交了么~
百度提供给竞价用户使用的商务中心留言本就是采用此方法。

示例：

test.html:

 程序代码
html
headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"/head
body style="background:#a7a7a7;"
ｉｆｒａｍｅ id="testｉｆｒａｍｅ" name="testｉｆｒａｍｅ"/ｉｆｒａｍｅ
form method="post" action="http://www.test.com/testaction.asp" target="testｉｆｒａｍｅ" name="testform"
input type="text" name="dddd"input type="submit" value="ddd" name="submitbtn"/
/form
/body
script
document.testform.onsubmit = function () {
    document.testform.submitbtn.disabled = true;
    submitMonitor();

}
function submitMonitor () {
    try{
        var hash = document.getElementById('testｉｆｒａｍｅ').contentWindow.location.hash;
        setTimeout(submitMonitor,100);
    } catch (e) {
        document.getElementById('testｉｆｒａｍｅ').src = "about:blank";
        document.testform.submitbtn.disabled = false;
    }
}
/script
/html

testaction.asp

 程序代码
%
Function Sleep(n) '单位秒s
Dim StartTime
StartTime = Timer
Do : Loop Until Timern+StartTime
End Function

Sleep(5) '延时5秒

Response.Write Request.Form("dddd")
%

弊端：

这个弊端还很明显，如果是404，403，500等错误，也会误认为是成功提交，不过可以在

 程序代码

setTimeout(submitMonitor,100);

函数前增加客户端表单检查，来尽量避免此问题。

当然，跨域表单提交状态判断也可以用服务器端输出alert脚本来实现。