zoukankan      html  css  js  c++  java
  • 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文件
    "只有随便几个文字"

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

  • 相关阅读:
    《设计模式》-原则二:里氏代换原则(LSP)
    设计模式从0开始
    net reactor加密源码保软件安全-net reactor使用教程
    python中import和from...import区别
    Python之import
    c#执行bat批处理文件,并通过线程将结果显示在控件中
    C#中双问号、双冒号等几个特殊关键字
    Eclipse debug高级技巧(转)
    Android从零开始--安装
    以另一个用户来运行程序
  • 原文地址:https://www.cnblogs.com/whitetiger/p/1088235.html
Copyright © 2011-2022 走看看