使用回调技术实现局部刷新

使用回调技术实现局部刷新,它只要是实现了ICallbackEventHandler这个接口,使用接口中的RaiseCallbackEvent
事件和GetCallbackResult()方法,最后用javaScript脚本来调用
以下是前台Default.aspx.cs代码:

using System;
2

using System.Data;
3

using System.Configuration;
4

using System.Collections;
5

using System.Web;
6

using System.Web.Security;
7

using System.Web.UI;
8

using System.Web.UI.WebControls;
9

using System.Web.UI.WebControls.WebParts;
10

using System.Web.UI.HtmlControls;
11

/**//// <summary>
14

/// 功能:利用ICallbackEventHandler回调事件接口实现一个局部
15

/// 刷新
16

///
17

/// 时间:二00八年二月二十日
18

///
19

/// 作者:曹代明
20

/// </summary>
21

public partial class February_AJAX_Default : System.Web.UI.Page,ICallbackEventHandler
22

{
23

private string _data;
24

protected void Page_Load(object sender, EventArgs e)
25

{
26

}
27

ICallbackEventHandler 成员#region ICallbackEventHandler 成员
29

public string GetCallbackResult()
31

{
32

//返回处理后的数据
33

return _data;
34

}
35

public void RaiseCallbackEvent(string eventArgument)
37

{
38

//判断传递过来的参数
39

switch (eventArgument)
40

{
41

case "北京":
42

_data = "朝阳,海淀,东城,西城";
43

break;
44

case "上海":
45

_data = "浦东,静安,徐汇,虹口";
46

break;
47

case "济南":
48

_data = "历城,历下,市中,天桥";
49

break;
50

}
51

}
52

#endregion
54

}
55

以下是后台Default.aspx代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="February_AJAX_Default" %>
2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4

<html xmlns="http://www.w3.org/1999/xhtml" >
6

<head runat="server">
7

<title>无标题页</title>
8

function FillData()
10

{
11

var city=document.getElementById("TextBox1").value;
12

<% =this.ClientScript.GetCallbackEventReference(this,"city","FillDll",null) %>;
14

}
15

function FillDll(strcity)
16

{
17

document.getElementById("DropDownList1").options.length=0;
18

var indexofcity;
19

var city;
20

//切割传递来的字符串
21

while(strcity.length>0)
22

{
23

//判断是否是最后一个字符串
24

indexofcity=strcity.indexOf(",");
25

if(indexofcity >0)
26

{
27

city=strcity.substring(0,indexofcity);
28

strcity=strcity.substring(indexofcity+1);
29

//填充下拉框
30

document.getElementById("DropDownList1").add(new Option(city,city));
31

}
32

else
33

{
34

// 如果是最后一个字符串
35

document.getElementById("DropDownList1").add(new Option(strcity,strcity));
36

break;
37

}
38

};
39

}
40

</script>
41

</head>
42

<body>
43

<form id="form1" runat="server">
44

<div>
45

<table style="width: 504px; height: 151px">
46

<tr>
47

<td colspan="2" style="font-weight: bold; color: #3300ff; text-align: center">
48

使用回调技术实现局部刷新</td>
49

</tr>
50

<tr>
51

<td style="width: 135px">
52

输入城市名称</td>
53

<td style="width: 3px">
54

<asp:TextBox ID="TextBox1" runat="server" Width="233px"></asp:TextBox></td>
55

</tr>
56

<tr>
57

<td style="width: 135px">
58

</td>
59

<td style="width: 3px">
60

<input id="Button1" style="width: 131px" type="button" value="查询" onclick="FillData()"/></td>
61

</tr>
62

<tr>
63

<td style="width: 135px">
64

选择区域列表</td>
65

<td style="width: 3px">
66

<asp:DropDownList ID="DropDownList1" runat="server" Width="237px">
67

</asp:DropDownList></td>
68

</tr>
69

</table>
70

</div>
72

</form>
73

</body>
74

</html>
75

使用回调技术实现局部刷新相关推荐

动态生成能够局部刷新的验证码【AJAX技术】---看了不懂赔你钱
在开发JavaWeb应用时,动态生成能够局部刷新的验证码是一项必须的功能,在这里我们将会详细的讲解如何实现这一功能. 一.涉及技术该功能需要用到AJAX异步传输技术,这样能保证在点击"看不 ...
1.Ajax局部刷新技术概述，底层原理，全局刷新的例子
文章目录 Ajax 0.第四阶段概述本阶段课程内容: 哪些感觉比较难? 1.全局刷新和局部刷新 2.异步对象 3.Ajax 4.Ajax中使用异步对象 (1)创建异步对象 (2)给异步对象绑定事件 ...
前端局部刷新的几种方式
1. 通过img标签请求,实现局部刷新.实现方式向页面插入一个img标签,监听其加载,加载成功则表示请求成功,做出相应的处理:加载补充表示请求补充,也作出相应的处理. button.addEventL ...
Ajax实现局部刷新
Ajax实现局部刷新前言一. Ajax是什么? 二.实现方式: 1.原生的JS实现方式(了解) 2.JQeury实现方式 1. $.ajax() 2. $.get():发送get请求(ajax的简 ...
ajax局部刷新_OA系统考勤签到 ajax查询考勤数据!!!
学习主题:OA系统学习目标: 1 掌握web开发项目实战,熟练使用web开发基础技术 1. 考勤管理-签到-前台代码实现 (1) jQuery代码,页面初始化绑定事件,怎么实现? 将数据写在$(fu ...
AJAX：实现局部刷新
开始时间:2021-09-04 AJAX 全局刷新和局部刷新全局刷新:整个浏览器被新的数据覆盖.在网络中传输大量的数据.浏览器需要加载,渲染页面. 部分刷新:在浏览器器的内部,发起请求,获取数据,改 ...
【Spring MVC学习笔记六】SpringMVC框架整合AJAX完成局部刷新
本篇Blog介绍另一个常用的技术Ajax.虽然Ajax可以脱离SpringMVC去使用,但是SpringMVC对AJax有更好的支持 AJAX概念概述 AJAX即Asynchronous Javasc ...
php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
本例用jquery 实现通过把一个标签的变量传递给后台处理后,然后返回给前台另外一个变量大致流程是这样的:前端编写html代码 ,加入要局部刷新的 jquery代码并指定要响应的url, 首先 ...
asp.net夜话之五：Page类和回调技术
asp.net夜话之五:Page类和回调技术在今天我主要要介绍的有如下知识点: Page类介绍 Page的生命周期 IsPostBack属性 ClientScriptManager类回调技术(Ca ...

使用回调技术实现局部刷新

使用回调技术实现局部刷新相关推荐

最新文章

热门文章