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

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

  • 相关阅读:
    【BZOJ2844】albus就是要第一个出场 高斯消元求线性基
    Python入门之面向对象module,library,package之间区别
    Python入门之字典的操作详解
    Python Web学习笔记之TCP/IP协议原理与介绍
    Python Web笔记之高性能网络编程
    Python Web学习笔记之面试TCP的15个问题
    Python Web学习笔记之TCP/IP、Http、Socket的区别
    Python Web学习笔记之TCP、UDP、ICMP、IGMP的解释和区别
    Python Web学习笔记之IGMP和ICMP的差别
    Python设计模式之单例模式
  • 原文地址:https://www.cnblogs.com/whitetiger/p/1088235.html
Copyright © 2011-2022 走看看