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

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

  • 相关阅读:
    Easy | LeetCode 154 | 剑指 Offer 11. 旋转数组的最小数字 | 二分法
    Easy | 剑指 Offer 17. 打印从1到最大的n位数 | 大数
    Easy | LeetCode 191 | 剑指 Offer 15. 二进制中1的个数 | 位运算
    Easy | 剑指 Offer 57
    Medium | LeetCode 15. 三数之和 | 双指针法
    jq load()方法实现html 模块化。
    vue 剪切图片上传头像,使用 cropperjs 实现
    vue 的nextTick的理解
    使用nodejs进行开发,concurrently模块,使我们同时执行多个命令。
    cookie生命周期expires 时间过期,但是cookie没有被浏览器清理的问题
  • 原文地址:https://www.cnblogs.com/whitetiger/p/1088235.html
Copyright © 2011-2022 走看看