Ajax_基本知识

Ajax是异步的 JavaScript 和 XML，主要功能为：在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。

 

---

 

使用流程

　　1、获取Ajax引擎对象

　　2、复写onreadystatechange方法

　　　　　　2.1 通过Ajax状态码进行相关操作：

　　　　　　　　2.1.1 通过响应状态码进行相关操作

　　3、设置请求参数：请求方式，地址，是否异步

　　4、发出请求

　　给某个标签添加某种事件，例子：

    //失去焦点事件
    document.getElementById("input_text").onblur = function (){
        //获取请求信息，表单信息
        var data = "uname="+document.getElementById("input_text").value;
        //获取引擎对象
        var ajax=new XMLHttpRequest();
        //复写onreadystatechange方法
        ajax.onreadystatechange=function () {
            if(ajax.readyState==4){     //0-引擎建立，未初始化/1-引擎的open方法被调用/2-send方法被调用/3-请求已发送/4-成功接收到响应
                if(ajax.status==200){    //200-请求成功/404-请求资源未找到/500-内部服务器错误
                    //响应成功，获取相应内容：1、字符串2、json对象。3、xml对象
                    var result = ajax.responseText;
                    //获取到json对象，赋值给obj
                    eval("var obj="+result);
                    //通过obj.属性名获取数据进行操作
                    alert("响应成功");
                }else if(ajax.status==500){
                    alert("服务器繁忙");
                }
            }else{
                //请求未响应回来，显示一个正在加载的图片或提示
                alert("正在响应中...")
            }
        }
      
        //发送请求,参数：请求方式，uri，是否异步（默认为true）
            //get方式,参数拼接在uri后面
            //ajax.open("get","uri?"+data,true);
            //ajax.send(null);
        
            //post方式，参数使用send发送
            ajax.open("post","uri");
            //设置请求头信息：请求数据为键值对
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            ajax.send(data);
    }

服务器响应json：

Java对象转为json对象