• 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文件
    "只有随便几个文字"

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

  • 相关阅读:
    bfs,队列
    Wannafly挑战赛22 A计数器(裴蜀定理 gcd)
    素数筛模板
    HDU
    HDU
    控制精度-----直接截取,不需四舍五入
    jstl下载与配置
    B. Treasure Hunt
    动态数组vector
    Manacher算法
  • 原文地址:https://www.cnblogs.com/whitetiger/p/1088235.html
Copyright © 2020-2023  润新知