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

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>