首页 > 代码库 > div中加入iframe,可以实现Ajax的功能

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

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

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

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

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

 

<div class="xx">

<div class="zz">
<iframe id="iframe1" frameborder="0" scrolling="no" src="http://www.mamicode.com/supplier_detail.aspx" width="650px" onl oad="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的功能