实现无刷新联动例子汇总

前端之家收集整理的这篇文章主要介绍了实现无刷新联动例子汇总前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Iframe实现无刷新联动

iframe的无刷新其实是局部刷新,状态栏的滚动条还是会滚动,只是页面不会闪烁,这是一种比较老的技术了,在处理的数据两大的时候会比较慢,在本例中需要两个页面:index.aspx和frame.asapx,index.aspx用来显示界面,其中有一个iframe标记,指向frame.aspx页用来显示结果 index.aspx前台代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head id="Head1" runat="server">

无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>页

<script type="text/javascript">
function Query() {
var ddlpro = document.getElementById('ddlPro');
var pro = ddlpro.options[ddlpro.selectedIndex].innerText;
if (pro != "") {
document.getElementById("iframe1").src = "frame.aspx?Pro=" + pro;
}
}

名称:
方法实现刷新
方法实现刷新
方法实现刷新