本文介绍了使用AJAX和ASP.NET编写web应用程序的一个简单方法。同时，讨论了使用AJAX的好处和不足。为了举例说明，本文给出了相应的JavaScript代码和用C#.NET编写的ASP.NET代码。
为什么使用AJAX
也许大多数人已经知道AJAX的意思是异步JavaScript和XML(Asynchronous JavaScript and XML)。据我所知，这项技术最初是由Microsoft在1999年提出来的，也就是我们所熟知的"使用远程调用(remote calls)的DHTML / JavaScript web应用程序"。这项技术的核心就是通过浏览器发出一个异步的HTTP请求来调用服务端的网页或服务，在返回结果后，无需刷新就可以更新整个网页。这项技术经过不断地完善，到目前为此，使用AJAX的web程序从表现上看已经非常类似于Windows程序了。
由于这项技术的实现需要依赖于前端的浏览器，因此，它的使用受到了限制。但在最近的几年，由于浏览器功能的加强和一些公司，如Google、Amazon.com的许多基于AJAX的应用的不俗表现，终于使这项技术凤凰涅磐、欲火重生。
现在AJAX的使用已经非常广泛，任何带有丰富用户体验的动态网页都会不约而同地使用AJAX。
解决方案
本文所描述的使用AJAX的方法非常简单，而且效率很高。同时这种方法还非常容易维护，并且开发人员无需任何的特殊技巧就可以实现它，而且使用这种方法还可以跨浏览器。
一个基本的AJAX实现需要两个主要部分：一个使用JavaScript代码编写的客户端HTML页，这些JavaScript用来向服务端发送请求和接收响应;一个可以接收请求和向客户端发送响应信息的远程页面。客户端的JavaScript代码的任务是建立一个XmlHttp对象，然后向服务端发送请求信息，最后通过回调方式处理服务端返回的响应信息。这一切都是由JavaScript代码实现的。
本文的例子使用ASP.NET程序实现，在实现上要做到以下几点：
1、AJAX可以在不同的ASP.NET页上向不同的服务端页发送请求。
2、远程页面URL可以包含动态可计算的参数，这样做可以在ASP.NET的后端代码中更方便地建立URL字符串。
3、远程页在更新HTML页之前可以使用复杂的数据进行响应，这也可以由ASP.NET的后端代码完成。
4、一个服务端页面可以是一个扩展的第三方的页面，也可以是本身的web页或服务。
以上的几点如图1所示
图1
实现基本的AJAX JavaScript方法
我将JavaScript方法分成两部分：调用特殊页的JavaScript方法和一般的JavaScript方法。特殊的方法包括一个回调方法，它的作用是更新页面内容。而其它的AJAX方法负责建立一个XmlHttp对象，并向服务端发出一个异步的HTTP请求。
建立的XmlHttp对象因客户端浏览器的不同而有所差异。本文只考虑两种浏览器：一个是Microsoft的IE系列浏览器;另一个是Mozilla系列浏览器，包括Mozilla Firefox、Netscape和Safari。我也在Opera浏览器上测试过，但我不能保证本文的代码可以很好地运行Opera浏览器上。下面是如何建立XmlHttp对象的代码：
| function GetXmlHttpObject(handler)
{
var objXmlHttp = null;
if (!window.XMLHttpRequest)
{
// Microsoft
objXmlHttp = GetMSXmlHttp();
if (objXmlHttp != null)
{
objXmlHttp.onreadystatechange = handler;
}
}
else
{
// Mozilla | Netscape | Safari
objXmlHttp = new XMLHttpRequest();
if (objXmlHttp != null)
{
objXmlHttp.onload = handler;
objXmlHttp.onerror = handler;
}
}
return objXmlHttp;
}
function GetMSXmlHttp()
{
var xmlHttp = null;
var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0",
"Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0",
"Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];
for(var i=0; i
xmlHttp = CreateXmlHttp(clsids[i]);
}
return xmlHttp;
}
function CreateXmlHttp(clsid) {
var xmlHttp = null;
try {
xmlHttp = new ActiveXObject(clsid);
lastclsid = clsid;
return xmlHttp;
}
catch(e) {}
}
|
由于MSXML5只是为Office设计的，因此，我们可以不考虑MSXML5。所以GetMSXmlHttp方法可以简化为以下形式：
| function GetMSXmlHttp() {
var xmlHttp = null;
var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"];
for(var i=0; i
xmlHttp = CreateXmlHttp(clsids[i]);
}
return xmlHttp;
}
|
我们可以看出，GetXmlHttpObject方法有一个handle参数，这个参数指向一个回调方法，这个回调方法将被定义在每一个需要刷新的aspx页中。现在我们已经有了一个XmlHttp对象，接下来我们可以发送一个异步的HTTP请求了。
| function SendXmlHttpRequest(xmlhttp, url) {
xmlhttp.open('GET', url, true);
xmlhttp.send(null);
}
|
在以上代码中我使用了一个GET HTTP请求发送了一个URL，你可以很容易修改以上的JavaScript代码，使其发送其它的HTTP方法。
写在aspx页中的方法
现在我们已经编写完调用远程页面的所有方法。为了执行这些方法，我们需要为GetXmlHttpObject方法传递一个回调方法名，然后向SendXmlHttpRequest方法传递一个URL字符串。下面是相应的实现代码：
| var xmlHttp;
function ExecuteCall(url)
{
try
{
xmlHttp = GetXmlHttpObject(CallbackMethod);
SendXmlHttpRequest(xmlHttp, url);
}
catch(e){}
}
//CallbackMethod will fire when the state
//has changed, i.e. data is received back
function CallbackMethod()
{
try
{
//readyState of 4 or 'complete' represents
//that data has been returned
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
{
var response = xmlHttp.responseText;
if (response.length > 0)
{
//update page
document.getElementById("elementId").innerHTML = response;
}
}
}
catch(e){}
}
|
CallbackMethod方法负责更新页面。在我们的例子中，它只更新了指定的HTTP对象的inner HTML。但在实际应用中，可以更新更多的内容。
最后要解决的问题是我们如何在aspx页中调用ExecuteCall方法。如何调用ExecuteCall方法取决于这个页面要做什么。在一些情况下，ExecuteCall方法可以在JavaScript事件出发时调用。如果这样做，我们还可以使用相应的aspx页后端C#代码将这个方法注册为启动脚本。
Page.RegisterStartupScript("ajaxMethod", String.Format(" ", url));
我们可以将上面代码加到ASP.NET后端代码的Page_Prerender或Page_Load方法中。
服务端页面
让我们看看服务端页面象什么。如果它是一个ASP.NET页(我们假设的)，我们仅仅对它的后端代码感性趣。我们可以将.aspx文件中代码都删除，这样丝毫不会影响这个aspx页的功能。
例如，我们有一个将摄氏度转换为华氏度的web service。如果你将这个web service的URL的引用加入到你的工程中，Visual Studio将产生一个叫"com.developerdays.ItempConverterservice"的代理类，这个代理类使用当前的命名空间。有一个名为getTemp.aspx的aspx页，它接收一个叫"temp"的查询参数，这参数包含一个整数的摄氏度值。如http://localhost/getTemp.aspx?temp=25。这个aspx页的后端代码如下：
| private void Page_Load(object sender, EventArgs e)
{
Response.Clear();
string temp = Request.QueryString["temp"];
if (temp != null)
{
try
{
int tempC = int.Parse(temp);
string tempF = getTempF(tempC);
Response.Write(tempF);
}
catch
{}
}
Response.End();
}
private string getTempF(int tempC)
{
com.developerdays.ITempConverterservice
svc = new ITempConverterservice();
int tempF = svc.CtoF(tempC);
return tempF.ToString();
}
|
现在我们要建立一个可以调用上面的getTemp.aspx页的请求字符串，这个字符串将传递到RegisterStartupScript方法中。代码如下：
int tempC = 25;
string url = String.Format("http://localhost/" +
"getTemp.aspx?temp={0}", tempC);
在一些简单情况，如果要传递的只是简单的文本，可以通过URL直接传给ExecuteCall方法。
结论
本文举了一个在任何ASP.NET程序都可以使用AJAX技术的简单例子。AJAX除了能给用户一些全新的体验外，也有一些缺点和不足。至于是否使用AJAX技术，这完全取决于开发人员自身，在本文中我只是举了个简单的例子，学习它并不需要太多的时间，也不需要任何特殊的技能。
posted @ 2008-07-07 01:23 Chark 阅读(288) 评论(0)
编辑
metallica
1、DateTime 数字型
以下是引用片段：
System.DateTime currentTime=new System.DateTime();
1.1 取当前年月日时分秒 currentTime=System.DateTime.Now;
1.2 取当前年 int 年=currentTime.Year;
1.3 取当前月 int 月=currentTime.Month;
1.4 取当前日 int 日=currentTime.Day;
1.5 取当前时 int 时=currentTime.Hour;
1.6 取当前分 int 分=currentTime.Minute;
1.7 取当前秒 int 秒=currentTime.Second;
1.8 取当前毫秒 int 毫秒=currentTime.Millisecond;
(变量可用中文)
2、Int32.Parse(变量) Int32.Parse("常量")
以下是引用片段：
字符型转换 转为32位数字型
3、 变量.ToString()
以下是引用片段：
字符型转换 转为字符串
12345.ToString("n"); //生成 12,345.00
12345.ToString("C"); //生成 ￥12,345.00
12345.ToString("e"); //生成 1.234500e+004
12345.ToString("f4"); //生成 12345.0000
12345.ToString("x"); //生成 3039 (16进制)
12345.ToString("p"); //生成 1,234,500.00%
4、变量.Length 数字型
以下是引用片段：
取字串长度：
如： string str="中国";
int Len = str.Length ; //Len是自定义变量， str是求测的字串的变量名
5、System.Text.Encoding.Default.GetBytes(变量)
以下是引用片段：
字码转换 转为比特码
如：byte[] bytStr = System.Text.Encoding.Default.GetBytes(str);
然后可得到比特长度：
len = bytStr.Length;
6、System.Text.StringBuilder("")
以下是引用片段：
字符串相加，(+号是不是也一样?)
如：System.Text.StringBuilder sb = new System.Text.StringBuilder("");
sb.Append("中华");
sb.Append("人民");
sb.Append("共和国");
7、变量.Substring(参数1,参数2);
以下是引用片段：
截取字串的一部分，参数1为左起始位数，参数2为截取几位。
如：string s1 = str.Substring(0,2);
8、String user_IP=Request.ServerVariables["REMOTE_ADDR"].ToString();
以下是引用片段：
取远程用户IP地址
9、穿过代理服务器取远程用户真实IP地址：
以下是引用片段：
if(Request.ServerVariables["HTTP_VIA"]!=null){
string user_IP=Request.ServerVariables["HTTP_X_FORWARDED_FOR"].ToString();
}else{
string user_IP=Request.ServerVariables["REMOTE_ADDR"].ToString();
}
10、 Session["变量"];
以下是引用片段：
存取Session值；
如，赋值： Session["username"]="小布什";
取值： Object objName=Session["username"];
String strName=objName.ToString();
清空： Session.RemoveAll();
11、String str=Request.QueryString["变量"];
以下是引用片段：
用超链接传送变量。
如在任一页中建超链接:点击
在Edit.aspx页中取值：String str=Request.QueryString["fdid"];
12、DOC对象.CreateElement("新建节点名");
以下是引用片段：
创建XML文档新节点
13、父节点.AppendChild(子节点);
以下是引用片段：
将新建的子节点加到XML文档父节点下
14、 父节点.RemoveChild(节点);
以下是引用片段：
删除节点
15、Response
以下是引用片段：
Response.Write("字串");
Response.Write(变量);
向页面输出。
Response.Redirect("URL地址");
跳转到URL指定的页面
16、char.IsWhiteSpce(字串变量，位数)——逻辑型
以下是引用片段：
查指定位置是否空字符;
如：
string str="中国 人民";
Response.Write(char.IsWhiteSpace(str,2)); //结果为：True, 第一个字符是0位，2是第三个字符。
17、char.IsPunctuation('字符') --逻辑型
以下是引用片段：
查字符是否是标点符号
如：Response.Write(char.IsPunctuation('A')); //返回：False
18、(int)'字符'
以下是引用片段：
把字符转为数字，查代码点，注意是单引号。
如：
Response.Write((int)'中'); //结果为中字的代码：20013
19、(char)代码
以下是引用片段：
把数字转为字符，查代码代表的字符。
如：
Response.Write((char)22269); //返回“国”字。
20、 Trim()
以下是引用片段：
清除字串前后空格
21 、字串变量.Replace("子字串","替换为")
以下是引用片段：
字串替换
如：
string str="中国";
str=str.Replace("国","央"); //将国字换为央字 Response.Write(str); //输出结果为“中央” 再如：(这个非常实用) string str="这是<script>脚本"; str=str.Replace("<","<font><</font>"); //将左尖括号替换为<font>与 <与 </font> (或换为<，但估计经XML存诸后，再提出仍会还原) Response.Write(str); //显示为：“这是<script>脚本” 如果不替换，<script>将不显示，如果是一段脚本，将运行；而替换后，脚本将不运行。 这段代码的价值在于：你可以让一个文本中的所有HTML标签失效，全部显示出来，保护你的具有交互性的站点。 具体实现：将你的表单提交按钮脚本加上下面代码： string strSubmit=label1.Text; //label1是你让用户提交数据的控件ID。 strSubmit=strSubmit.Replace("<","<font><</font>"); 然后保存或输出strSubmit。 用此方法还可以简单实现UBB代码。
|
22、Math.Max(i,j)
以下是引用片段：
取i与j中的最大值
如 int x=Math.Max(5,10); // x将取值 10
加一点吧 23、字串对比......
加一点吧
23、字串对比一般都用: if(str1==str2){ } , 但还有别的方法:
以下是引用片段：
(1)、
string str1; str2
//语法: str1.EndsWith(str2); __检测字串str1是否以字串str2结尾,返回布尔值.如:
if(str1.EndsWith(str2)){ Response.Write("字串str1是以"+str2+"结束的"); }
(2)、
//语法:str1.Equals(str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.
(3)、
//语法 Equals(str1,str2); __检测字串str1是否与字串str2相等,返回布尔值,用法同上.
24、IndexOf() 、LastIndexOf()
以下是引用片段：
查找字串中指定字符或字串首次(最后一次)出现的位置,返回索引值，如：
str1.IndexOf("字")； //查找“字”在str1中的索引值(位置)
str1.IndexOf("字串")；//查找“字串”的第一个字符在str1中的索引值(位置)
str1.IndexOf("字串",3,2)；//从str1第4个字符起，查找2个字符，查找“字串”的第一个字符在str1中的索引值(位置)
25、Insert()
以下是引用片段：
在字串中指定索引位插入指定字符。如：
str1.Insert(1,"字");在str1的第二个字符处插入“字”，如果str1="中国"，插入后为“中字国”；
26、PadLeft()、PadRight()
以下是引用片段：
在字串左(或右)加空格或指定char字符，使字串达到指定长度，如：
<%
string str1="中国人"; str1=str1.PadLeft(10,'1'); //无第二参数为加空格 Response.Write(str1); //结果为“1中国人” ， 字串长为10 %>
|
27、Remove()
以下是引用片段：
从指定位置开始删除指定数的字符
字串对比一般都用: if(str1==str2){ }
posted @ 2008-07-07 01:21 Chark 阅读(110) 评论(0)
编辑
