码迷,mamicode.com
首页 > Web开发 > 详细

div中加入iframe,可以实现Ajax的功能

时间:2014-11-11 12:08:09      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   java   sp   div   on   

div中加入iframe,可以实现Ajax的功能,如果查询的时候,比如说城市的选择,用Ajax去实现,

在.net 可以考虑用UpdatePanel,但是点击了查询又把原来的选择的城市给清零了。

用iframe可以有效的解决问题。

<script type="text/javascript">
        function searchSupplier(id) {
            document.getElementById(‘iframe1‘).src = ‘supplier_detail.aspx?id=‘ + id;
        }
    </script>

 

<div class="xx">

<div class="zz">
<iframe id="iframe1" frameborder="0" scrolling="no" src="supplier_detail.aspx" width="650px" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"></iframe><!--此处不可以写成/>,一定要写成</iframe>,不然显示不出来后面的html内容......,可能浏览器认为还没有结束吧。--></div>

......

</div>

 

div中加入iframe,可以实现Ajax的功能

标签:style   blog   io   color   ar   java   sp   div   on   

原文地址:http://www.cnblogs.com/jiduoduo/p/4088837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!