繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 跨域表单提交状态的变相判断代码
- Javascript
- JQuery Tips(3) 关于$()包装集内元素的改变
- JavaScript 创建随机数和随机图片
- javascript document.execCommand() 常用解析
- firefox下对ajax的onreadystatechange的支持情况分析
- Javascript attachEvent传递参数的办法
- jQuery Attributes(属性)的使用(一、属性篇)
- jquery自动完成插件(autocomplete)应用之PHP版
- 查询绑定数据岛的表格中的文本并修改显示方式的js代码
- 讨论javascript(一)工厂方式 js面象对象的定义方法
- IE不支持option的display样式，只能使用remove和add
- 多浏览器兼容的获取元素和鼠标的位置的js代码
- js checkbox全选并将获取值放到input里边
- javascript 日期联动选择器 [其中的一些代码值得学习]
- javascript实现的仿51job地址多项选择方式效果
- jQuery 渐变下拉菜单
- 利用图片的 onerror 事件载入默认图片
- js实现页面打印功能实例代码(附去页眉页脚功能代码)
- JQuery读取XML文件数据并显示的实现代码
- 比较详细的关于javascript 解析json的代码
- TextArea 控件的最大长度问题(js json)
Javascript 中的 跨域表单提交状态的变相判断代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 411 ::
收藏到网摘: n/a
通过表单在iframe内向一个跨域的url提交的时候，如何判断提交成功了呢？这个，基本上，很难，因为浏览器安全沙箱的限制，我们没有办法通过获得iframe内部不同域页面的信息。 拐个弯想，如果开始可以获得iframe内部页面信息，那么不能获得的时候，不就说明表单已经提交了么~
我们发现百度的竞价右下角信息，也是采用的这种方法判断的，大家可以参考下。
示例：
test.html:
复制代码 代码如下:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body style="background:#a7a7a7;">
<iframe id="testiframe" name="testiframe"></iframe>
<form method="post" action="http://www.test.com/testaction.php" target="testiframe" 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('testiframe').contentWindow.location.hash;
setTimeout(submitMonitor,100);
} catch (e) {
document.getElementById('testiframe').src = "about:blank";
document.testform.submitbtn.disabled = false;
}
}
</script>
</html>
注意下面的代码是跨域的，不是在一个域名下的
testaction.php
复制代码 代码如下:
<?php
sleep(5);
echo $_POST['dddd'];
?>
弊端：
这个弊端还很明显，如果是404，403，500等错误，也会误认为是成功提交。
所以，请注意：此方法属研究，开拓思维用。
这段是百度的判断代码
复制代码 代码如下:
var sfMessTimes;
function sfMessSubmitMonitor () {
try{
var hash = sf_mess_lib.getElement(SF_MESS_FRAME_ID).contentWindow.location.hash;
sfMessTimes ++;
if (sfMessTimes > 50) {
alert(sf_mess_msg.fail);
sf_mess_lib.getElement(SF_MESS_SUBMIT_ID).disabled = false;
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
document.getElementById(SF_MESS_PREFIX + sf_mess_cols[i].idname).disabled = false;
}
} else {
setTimeout(sfMessSubmitMonitor,100);
}
} catch (e) {
sf_mess_lib.getElement(SF_MESS_FRAME_ID).src = "about:blank";
alert(sf_mess_msg.success);
sf_mess_lib.getElement(SF_MESS_SUBMIT_ID).disabled = false;
for (var i = 0, l = sf_mess_cols.length; i < l; i++) {
var inputCfg = sf_mess_cols[i];
var inputEl = document.getElementById(SF_MESS_PREFIX + inputCfg.idname);
inputEl.disabled = false;
inputEl.value = filtInnertip(inputCfg.innertip);
}
}
}
评论 (0) All
