Ajax

简介

一种用于网页 异步 请求的技术.

作用:

用于与服务器进行异步交互  以及 局部页面的刷新.

Ajax的GET使用步骤

1.    创建一个 异步请求的对象 
    var xhr = new XMLHttpRequest();

2.    设置请求的方式, 以及 请求的地址
    xhr.open("GET","请求地址");

3.    设置请求结果产生时 的 事件处理函数 (当请求状态发生改变时, 执行的函数)
    xhr.onreadystatechange = function(){
        //此方法在一次ajax中, 会执行五次. 分别表示五种状态
        //每次的状态值, 从xhr.readyState属性中得到.
        //状态值:
        //0.    请求初始化中 , 它的触发, 在new对象时, 此方法不会执行
        //1.    请求正在发送, 它的触发在open函数执行时, 此方法如果在open前指定, 则状态发生时 方法执行
        //2.    请求发送完毕
        //3.    服务器开始响应 
        //4.    响应完毕, 内容已经得到了.

        //请求也存在状态码 , 例如: 404表示资源找不到  500表示服务器内部错误. 200表示成功 302表示重定向..
        //请求状态码, 通过xhr.status得到. 如果是200 表示请求成功
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                //成功得到结果
                //得到的结果 ,在xhr.responseText中. 是文本内容.
            }else{
                //请求失败
                //提示失败
            }
        }
    }

4.    发送请求 (null是参数, 因为GET请求,参数在网址中拼接了, 所以这里传递的是null)
    xhr.send(null);

Ajax的POST请求使用步骤

1.    创建一个 异步请求的对象 
    var xhr = new XMLHttpRequest();

2.    设置请求的方式, 以及 请求的地址
    xhr.open("POST","请求地址");

3.    设置请求结果产生时 的 事件处理函数 (当请求状态发生改变时, 执行的函数)
    xhr.onreadystatechange = function(){

        if(xhr.readyState == 4){
            if(xhr.status == 200){
                //成功得到结果
                //得到的结果 ,在xhr.responseText中. 是文本内容.
            }else{
                //请求失败
                //提示失败
            }
        }
    }

4.    设置请求头部
    xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");

5.    发送请求
    xhr.send(参数列表);

使用IE浏览器8 操作上述的案例

GET或POST请求 都需要修改第1步:

    var xhr = new ActiveXObject("Microsoft.XMLHTTP");

GSON.jar

"{"name":"张三"}";

作用:
    将Java中的对象 快速的转换为 JSON格式的字符串.
    将JSON格式的字符串, 转换为Java的对象.

转换JSON字符串的步骤:
    1.    引入JAR包
    2.    在需要转换JSON字符串的位置编写如下代码即可:
        String json = new Gson().toJSON(要转换的对象);

案例:
    Book b = BookDao.find();
    String json = new Gson().toJson(b);
    System.out.println(json);

转换Java对象的步骤

    1.    引入JAR包
    2.    在需要转换Java对象的位置, 编写如下代码:
        对象 = new Gson().fromJson(JSON字符串,对象类型.class);

案例:
    String json = "{\"id\":1,\"name\":\"金苹果\",\"author\":\"小泽马\",\"info\":\"嘿嘿嘿嘿嘿嘿\",\"price\":198.0}";
    Book book = new Gson().fromJson(json, Book.class);
    System.out.println(book);

---