1.IFrame 实现无刷新
<script language="javascript">
function Search()
{
var city=document.getElementById("TextBox1").value;
if(city !="")
{
document.getElementById("iframe1").src="myframe.aspx?city=" +city;
}
}
</script>
<iframe src="myframe.aspx" style="TEXT-ALIGN: center" id="iframe1" width="100%" height="100%" frameborder="0" scrolling="no"/>
protected void Page_Load(object sender, EventArgs e)
{
//获取传递过来的参数
string city = Request.QueryString["city"];
//判断城市名
switch (city)
{
case "北京":
//填充相关的区域
DropDownList1.Items.Clear();
DropDownList1.Items.Add("朝阳");
DropDownList1.Items.Add("海淀");
DropDownList1.Items.Add("东城");
DropDownList1.Items.Add("西城");
break;
2. js方法实现无刷新 Page.ClientScript.RegisterClientScriptBlock
//创建字符串连接对象
StringBuilder myscript = new StringBuilder();
//使用字符串组织一个JavaScript脚本方法
myscript.Append("function seekCity() {\n");
myscript.Append("var city=document.getElementById('TextBox1').value; \n");
myscript.Append("switch(city) {\n");
myscript.Append("case '北京': \n");
myscript.Append("FillData('" + GetCityStr("北京") +"'); \n");
myscript.Append("break; \n");
myscript.Append("case '上海': \n");
myscript.Append("FillData('" + GetCityStr("上海") + "'); \n");
myscript.Append("break; \n");
myscript.Append("case '济南': \n");
myscript.Append("FillData('" + GetCityStr("济南") + "'); \n");
myscript.Append("break; }\n");
myscript.Append(" }\n");
//使用注册脚本方法在页面的客户端,注册这个字符串编写的脚本方法。
Page.ClientScript.RegisterClientScriptBlock(typeof(string), "seekCity", myscript.ToString(),true);
3. 使用CallBack技术
<script type="text/javascript">
function FillData()
{
var city=document.getElementById("TextBox1").value;
<% =this.ClientScript.GetCallbackEventReference(this,"city","FillDll",null) %>;
//向后台传送数据 数据是:city 数据返回后,前台处理数据的方法是:FillDll
}
function FillDll(strcity)
{
</script>
public partial class _Default : System.Web.UI.Page,ICallbackEventHandler //类继承接口 并实现接口方法
{
public string GetCallbackResult()
{
//返回处理后的数据
return _data;
}
public void RaiseCallbackEvent(string eventArgument)
{
//判断传递过来的参数
switch (eventArgument)
{
case "北京":
_data = "朝阳,海淀,东城,西城";
break;
case "上海":
_data = "浦东,静安,徐汇,虹口";
break;
case "济南":
_data = "历城,历下,市中,天桥";
break;
}
}
}
4. 使用ajax技术实现无刷新
<script type="text/javascript">
var xmlhttp;
function getData()
{
//获取用户填写的名称
var city=document.getElementById("txt").value;
//创建异步调用对象
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
//将对象状态与事件相关联
xmlhttp.onreadystatechange=statechange;
//加载要链接的页面
xmlhttp.Open("POST","datapage.aspx?city=" +city,true);
//发送请求
xmlhttp.Send();
分享到:
相关推荐
页面 四种 局部刷新 技术 页面 四种 局部刷新 技术
Ajax无刷新页面的分页技术的功能实现 (带源码)
传统的聊天室基于客户端网页的自动刷新技术而实现,它的主要缺点是不断刷新页面造成屏幕的闪动,而经过了Ajax改造后的聊天室,每次只获取最新的发言信息,并将获取结果动态写入页面,不会有以上的缺点 ………………...
AJAX无刷新分页技术。共享出来,希望对大家有帮助。
ajax无刷新简单聊天室 ajax无刷新简单聊天室
NULL 博文链接:https://lihua-he.iteye.com/blog/679883
创建XMLHttpRequest对象var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");... if (xmlhttp.readyState == 4) { if (xmlhttp.status == 200) document.getElementById("Text1").value = xmlhttp.responseText;
利用AJAX技术轻松实现页面无刷新自动更新!
一款采用ajax技术实现的无刷新切换网页风格的例子,这个功能现在各个网址导航的首页都有,不过本款无刷新切换风格,看上去更美观一些,用户只需单击方格,网页的风格就可变为方格颜色的格调,在实现方法,每单击一次...
这是我最近在网上看到的,有关页面刷新的技术,总结的比较全面,想更大家分享的
ssm框架学习,很好的demo,普通页面跳转演变成ajax无刷新技术
Ajax 是Web 应用的一种新方法, 利用Ajax 技术开发的聊天室系统不仅解决了页面刷新带来 的白屏问题, 而且能降低服务器和网络传输负荷。文章介绍了Ajax 技术的工作原理及它在Asp1Net 中 的一种简便实现方式, 并以聊天...
代码使用技术为JavaScript,c#,asp.net,html,css等等,使用局部刷新技术。
无刷新实现文件上传,采用dwr,Ajax技术
数据表整理了所有东三省的省市区,页面设置无刷新技术。简单实用!仅供学习。同时附带查询某一天是当年第几周小程序。几句代码而已。
微软Microsoft Visual Studio下.net3.5自带ajax页面无刷新技术示例程序。 AJAX Extensions的使用ScriptManager、UpdatePanel的使用示例 带有注释说明(简单易懂) 本示例程序由VS2010创建
本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。 开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地...
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的...
页面创新刷新技术,减少服务器压力,提高用户体验
很简单的ajax刷新技术,是很简单的一种源码