zoukankan      html  css  js  c++  java
  • Ajax基础

    自己写一个Ajax库:
    分4步:
    1-创建Ajax对象
    2-连接服务器
    3-发送请求
    4-接收数据

    function myAjax(url,funSucc,funFailed){
        //第一步,创建Ajax对象
        if(window.XMLHttpRequest){ //IE6之外
            var oAjax = new XMLHttpRequest();
        }else{
            //IE6用的是ActiveXObject
            var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
        };
    
        //第二步,连接服务器,用open(连接方法,请求的文件名,是否异步)
        oAjax.open("GET","url",true);
    
        //第三步,发送请求
        oAjax.send();
    
        //第四步,接收数据并处理
        oAjax.onreadystatechange() = function(){
            oAjax.readyState
            if(oAjax.readyState == 4){
                if(oAjax.status == 200){
                    funSucc(oAjax.responseText);
                }else{
                    if(funFailed){
                        funFailed(oAjax.status);        
                    }
                }
            }
        }
    }

    XMLHttpRequest(): 这个就是Ajax的本质,用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    onreadystatechange()事件:当请求返回时触发这个函数

    responseText: 获得字符串形式的相应内容(接收到的数据)

    readyState: 存储XMLHttpRequest 的状态。从 0 到 4 发生变化。

    1. 0: 请求未初始化
    2. 1: 服务器连接已建立
    3. 2: 请求已接收
    4. 3: 请求处理中
    5. 4: 请求已完成,且响应已就绪

    status 状态常见的:
    200: “OK”
    404: 未找到页面

  • 相关阅读:
    Ubuntu12下未知驱动器处理
    Octopress博客设置
    Windows下搭建Octopress博客
    在Asp.Net中使用JQueryEasyUI
    SQL查询将列转换成字符串(for xml path)
    IIS7上传出现乱码问题解决
    SqlServer开发利器—SQL Prompt5
    读《打造FaceBook》
    在VS2010中使用Git【图文】
    怎样提高开发效率
  • 原文地址:https://www.cnblogs.com/czm0718/p/5203930.html
Copyright © 2011-2022 走看看