微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

实现无刷新联动例子汇总

Iframe实现无刷新联动

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

rush:csharp;"> <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="_Default" %>

<!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;
}
}

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