文章探索:   分类:    关键字:  
  + 栏目导航
  + 相关文章
AJAX技术 vs 传统的ASP无刷新技术
AJAX之xmlHttp
漫谈Ajax在.Net中的使用
初步了解 ASP.NET AJAX 扩展
Ajax+GridView+Xml的简易留言薄
使用Ajax时的十个常犯的错误
asp.net ajax 和 asp.net 2.0中的file..
AJAX入门之深入理解JavaScript中的函..
网页数据的实时刷新
XMLHTTP对象封装技术
Ajax光环背后的隐患
AJAX支持的自动填充表单
AJAX如何与后台交互
asp.net ajax 使用updatepanel进行更..
使用AjaxPro开发四级无刷新联动下拉框
Ajax程序设计入门
什么是Ajax


技术教程 -> Ajax教程 ->  
漫谈Ajax在.Net中的使用
来源:转载   人气:1230   录入时间:2007-11-8
    
   AJAX出来的时间也不短了。虽然它在某些方面很受争议,但是瑕不掩瑜。AJAX不能说它属于哪门语言,而是任何一门语言与JavaScript,XML的交叉。我觉得,说Ajax是任何一门WEB语言与DHTML、XML的交叉这样更加合适。
   
   以下只讨论IE部分。
   
   Ajax在应用中使用有3个部分(个人观点):
   1、数据(一般通过IE内置组件Microsoft.XMLHTTP来取得或者发送数据);
   2、事件(事件指的是客户端事件,如果是服务端事件,那么AJAX也就没什么意义了);
   3、绑定(暂且就叫绑定吧,也可以说是显示,一般通过DHTML来完成)。
   
   从上面看,Ajax就使用了Microsoft.XMLHTTP组件和DHTL。其实还有另外一部分,就是服务器端的处理。
   
   一、简单示例
   就最简单的原型来说,就是取得数据:
   a.aspx的内容如下:
   aaaaab.aspx取得
   <div id="MyShow"/>
   
   <script language="JavaScript">
    var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    //数据传输,flase为非异步方式
    xmlhttp.open("GET","a.aspx",true);
    xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
    MyShow.InnerText = xmlhttp.responseText;
    }
    if (xmlhttp.readyState==3) {
    MyShow.InnerText = ('正在提交数据');
    }
    }
    xmlhttp.send(null);
   }
   </script>
   a.aspx提供可数据
   xmlhttp.open("GET","a.aspx",true);就是请求a.aspx
   
   
    if (xmlhttp.readyState==4) {
    MyShow.InnerText = xmlhttp.responseText;
    }
   当异步请求完成时,用DHML改变MyShow的内容。
   
   二、GET方法
   更改a.aspx如下:
   <script runat="Server" language="C#">
   string flag = Request["flag"] == null ? "" : Request["flag"];
   switch(flag)
   {
    case "1":
    Response.Write("11111111111111");
    break;
    case "2" :
    Response.Write("22222222222222");
    break;
   }
   </script>
   把b.aspx中
   xmlhttp.open("GET","a.aspx",true);改成xmlhttp.open("GET","a.aspx?flag=1",true);
   则得到数据11111111111111
   xmlhttp.open("GET","a.aspx",true);改成xmlhttp.open("GET","a.aspx?flag=2",true);
   则得到数据22222222222222
   
   三、POST方法
   如果有这样一个表单
   <form method=post>
    <input name="p1" type=text />
   <input name="p2" type=submit/>
   </form>
   用AJAX就是
   <div id="MyShow"/>
   
   <script language="JavaScript">
    var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    //数据传输,flase为非异步方式
    xmlhttp.open("Post","a.aspx",true);
    xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
    MyShow.InnerText = xmlhttp.responseText;
    }
    if (xmlhttp.readyState==3) {
    MyShow.InnerText = ('正在提交数据');
    }
    }
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   
    xmlhttp.send("p1=qwdqwdqwdqwd"); //这里是POST要提交的数据。
   }
   </script>
   
   而一般模拟请求都是POST和Get同时存在的
   只要把
    xmlhttp.open("Post","a.aspx",true);
   里a.aspx加上get请求部分就可以了。
   
   而在.Net中特别得,可以把Ajax写成服务器组件来使用。现在在实际项目中如果使用Ajax很多的情况,就有个专门的组件来使用了。还有就是要注意,在很多时候Ajax的时候要设置页面不缓存。而如果要兼容非IE内核浏览器,那么就要注意各种内核浏览器的JS是否兼容了。
   
   




Copyright(C)2007-2023 广州市佳沛数码科技有限公司 版权所有
公司地址: 广州市荔湾区东漖北路560号511室
电话:020-81803473 传真:020-81544987