AJAX的组成应用

表示层 XHTML+CSS
动态显示和数据  DOM (文档对象模型)
数据交互和操作
XML,XSLT
异步数据获取
XMLHttpRequest
绑定和处理数据
JavaScript
XMLhttpRequest对象
属性:Number readyState 4 表示完成
       Function onreadystatechange 回调函数
       string responseText
       XMLDocument responseXML
       Number status   200
       string statusText  ok 用来返回 respons

方法:
      void open(string,string,boolean)
                    1.GET,POST,HEAD,PUT,DELETE,OPTION,TRACE
                    2.URL
                    3,是否异步的true,否则就同步
      void send(string)
      void setHeader(string,string)
      string getResponseHeader(string)
      string getAllResponseHeaders()
      void abort()   关闭
  AJAX应用
                                 提交请求   
    1. XMLHttpRequest----------->服务器
 2  3.服务器----返回--->数据<-----分析-----JavaScript

实例:
新建ASPX页面,添加Button(html)按钮,添加事件
OnClick="startRequest();"
添加JavaScript
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()//创建对象
{
   //判断浏览器
   if(window.ActiveXObject)
    {
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//微软浏览器
   }
   else if(window.XMLHttpRequest)//非微软的浏览器,friefox
    {
       xmlHttp=new XMLHttpRequest();
       xmlHttp.onreadystatechange=handleStateChange;//回调函数
       xmlHttp.open("GET","response.xml",true);//get,post
       xmlHttp.send(null);
    }
    function handleStateChange()
    {
        if(xmlHttp.readyState==4)//完成的情况
        {
            if(xmlHttp.status==200)//返回状态是成功的
            {
                alert("来自服务器的相应:"+xmlHttp.responseText);
            }
        }
    }
}


function startRequest()
{
    createXMLHttpRequest();
}
</script>


response.xml文件
"只有随便几个文字"

试验一下,网站还是不可以后退的啊.

posted @ 2008-03-03 07:19  白虎  阅读(430)  评论(0编辑  收藏  举报
非常感谢dudu,感谢博客园提供的各种服务。
联系白虎(David.Du)