Ajax学习笔记

    function getData(){
        //创建ajax引擎对象
        var ajax = new XMLHttpRequest();
        //复写onreadystatement函数
        ajax.onreadystatechange = function(){
            //Ajax状态码
            if(ajax.readyState==4){
                //响应状态码
                if(ajax.status==200){
                    //获取响应内容
                    var result = ajax.responseText;
                    //获取元素对象
                    var showdiv = document.getElementById("showdiv");
                    showdiv.innerText = result;
                }else if(ajax.status==404){
                    //获取元素对象
                    var showdiv = document.getElementById("showdiv");
                    showdiv.innerText = "请求资源不存在";
                }else if(ajax.status==500){
                    //获取元素对象
                    var showdiv = document.getElementById("showdiv");
                    showdiv.innerText = "服务器繁忙";
                }
            }
        }
        //发送请求
        ajax.open("get","ajax2");
        ajax.send(null);
        
    }

//POST请求:
        ajax.open("post","ajax");
        ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        ajax.send("uname=翟&pwd=小白");

ajax响应数据类型:字符串 json xml 三种

 

你可能感兴趣的:(Ajax学习笔记)