Ajax

1. 标准请求响应时浏览器的动作(同步操作)

        浏览器请求什么资源，就跟随显示什么资源

2. ajax 异步请求

        局部刷新，通过异步请求，请求到服务器资源数据后，通过脚本修改页面中部分内容

3. ajax由javascript 推出的

        由jquery 对 js 中 ajax 代码进行封装，达到使用方便的效果

4 jquery中ajax分类

        第一层 $.ajax({属性名:值，属性名:值})

                4.1.1 是jquery中功能最全的，代码写起来相对最麻烦的

                4.1.2 示例代码

/*

    url: 请求服务器地址

    data: 请求参数

    dataType: 服务器返回数据类型

    error 请求出错执行的功能

    success    请求成功执行的功能，function（data）data服务器返回的数据

*/

$(function(){

    $("input").click(function(){

        $.ajax({

            url:'demo',

            data:{"name":"张三"},

            dataType:'html',

            error:function(){

                alert("请求出错.")

            },

        success:function(data){

            alert("请求成功"+data)

        },

            type:'POST'

        });

             return false;

    })

})

---

想ajax发送请求，返回的内容是控制器里面的内容，也就是 data里面的值，所以在控制器中不会写跳转语句，只会写输出语句，使用ajax开发模式时，打开网页开发者模式。

500 服务器端出错

4.2 第二层（简化$ajax）

    4.2.1 $.get(url,data,success,dataType)

    4.2.2 $post(url,data,success,dataType)

4.3 第三层（简化$.get）

    4.3.1 $.getJSON(url,data,success) 相当于设置$.get 中 dataType = "json"

    4.3.2 $.getScript(url,data,success)    相当于设置 $.get 中dataType="script"

5. 如果服务器返回数据是从表中取出，为了方便客户端操作返回的数据，服务器端返回的数据设置成json

    5.1    客户端把json 当做对象或数组操作

6. json 数据格式

        6.1 jsonObject：json  对象，理解成java对象

            6.1.1{"key":value,"key":value}

        6.2 JsonArray:json 数组

            6.2.1[{"key":value,"key",value},{}]