用IFRAME实现AJAX的功能

大家好.我终于注册成功了.这个论坛我注册了1年终于成功了.
呵呵.可能以前HOTMAIL都白痴的厉害,老是掉邮件.

我只是一个写程序不久的小子.

最近公司的一个UI程序员MM,抱怨AJAX她很不喜欢,还是喜欢过去的IFRAME做法,
我看了她的代码我也很喜欢,共享给一些改造现有程序又不想用AJAX的朋友.

PAGE A:
<script>
var iframeObj = document.getElementById("workFrame");
function changeDiv(){
iframeObj.src="url page b";
}
function changeFrom(){
document.formName.target="workFrame";
document.formName.submit();
}
</script>
<input type="button" name="" value="Change Div" οnclick="changeDiv();">
<input type="button" name="" value="Form div" οnclick="changeFrom();">

<DIV id="divId">
Main page Content
</DIV>
<Form id="formId" name="formName" action="url page b">

</Form>
<iframe id="workFrame" width="0" height="0" src="">


PAGE B ,iframe result page:


<DIV id="divId">
iframe page result content .
</DIV>
<script>
try{
var div = document.getElementById("divId");
var parent_div = parent.document.getElementById("divId");
if(div){
parent_div.innerHTML = div.innerHTML;
}
}catch(e){
alert(e);
}
</script>

上面的代码应该还比较容易理解吧.我觉得这种方法很简单,虽然和AJAX一样不太直观,但是在我现在的工作中我觉得这是最容易上手的.并且在改造现有代码,算比较好的一种方式.现在老外也开始流行不刷页面的操作了.
当然页面的效果很多,写SCRIPT是少不了的.但是我还是讨厌SCRIPT,因为没有象ECLIPSE 那样好的重构工具.反正SCRIPT给我带来的麻烦太多了.

希望有人习惯.
我的处女贴啊.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值