JavaScript深入学习(六)Ajax技术

(一)使用Ajax读取静态文件或数据

  1,使用:ajax(url,function(){读取成功执行的操作},function(){读取失败执行的操作})

  2,注意:1,读取的数据和执行的代码必须编码一致

     2,阻止缓存:在url=url+url+"?t=xxxxx"(xxxx为随时变的值,如时间等)

      3,js中定义的全局变量a,全写为window.a,属于window的属性

(二)使用Ajax读取动态文件或数据

  1,例如读取的数据是一个数组arr,先val str=eval(arr)转换为js可以识别的内容,然后再使用这个变量

(三)Ajax原理:

  

(四)Ajax函数:

  1,创建Ajax对象

  2,连接服务器

  3,发送请求

  4,接受请求

    Ajax.readyState的值:

    

 Ajax函数:

    function ajax(url,fun_success,fun_failed)
    {
        var oAjax;
        if(window.XMLHttpRequest){
            oAjax=new XMLHttpRequest();  //1,创建Ajax对象
        }else{
            oAjax=new ActiveXObject("Microsoft.XMLHTTP");
        }
        //2,连接服务器
        //(Ajax使用)异步:多事情一起做;同步:事情一件一件做
        oAjax.open("post",url,true); //open(方法,要读取的文件,异步传输(默认为true))
        oAjax.send();      //3,发送请求
        oAjax.onreadystatechange=function(){//4,接受返回
            oAjax.readyState      //浏览器和服务器进行到哪一步了
            if(oAjax.readyState==4){    //读取完成
                if(oAjax.status==200){    //http状态码;200为成功
                  var strs=oAjax.responseText;
                  fun_success(str)
                }else{
                    var strs="操作失败"+oAjax.status;
                    if(fun_failed){
                        fun_failed(str)
                    }
                }
            }
        }
    }

猜你喜欢

转载自www.cnblogs.com/lq13035130506/p/12309958.html