Ajax

AJAX，涉及到7项技术；

js,XMLHttpReq,Dom,Css,Html,XML

Ajax,readyState的5种状态；

0:未初始化，还没有调用send()方法；服务器响应空字符串
1：载入，已调用send()方法，正在发送请求;服务器响应空字符串
2： 载入完成 send()方法执行完成，已经接收到全部响应内容；但是还没有解析，所以仍然服务器响应空字符串
3:交互 解析正在响应的内容
4: 响应内容解析完成，可以再客户端调用了。

cache:false;
如果是false,则不要客户端缓存信息，返回的ajax页面回来每次都不一样，实时，如果是true的话，可能请求变了，但是得到的响应没变;

java对象转换为json工具
json-lib
gson，谷歌
fast-json 阿里巴巴
jackson 好用

AJAX异步操作

服务器端将对象转换为 JSON,。

然后在客户端使用AJAX调用服务器端反应回来的AJAX;

$.ajax({
    url:访问的服务器地址
    data:向服务器发送的数据
    type:发送方式，get还是post
    dataType:接受的数据类型,JSON,
    success:function("服务器返回的内容"){
        开始对接受到的数据进行拼接还是什么什么。
    }
})

ajax(异步的Javascript and xml)

1、 异步的和服务器数据通讯：
2、 局部页面刷新

项目中：
json [{id:1,name:’axx’},{}]

1、对象—->json string
2、json string —->对象

Jackson的使用

Java页面；

Object obj = xxxService.getObjectById(int);

Jackson里面的类
ObjectMapper om = new ObjectMapper();
String json_string = om.writeValueAsString(obj);

//或者  resp.getOutStream也可以直接输出
om.writeValue(resp.getWriter(),p);

/*
注意：假如obj里面的属性有集合类，或者其他对象属性,双向关联情况下，会导致json在获取数据的时候产生死循环，两个关联的对象相互跳转不停止。
*/
/*解决方案1：要不就不要对象中的另一个对象；

解决方案2：要不就将另一个对象中不要本对象；

核心：不要做双向关联，但是不改代码，而是添加jaskson的过滤器
在实体类上，要过滤某个双向关联的类，那么添加注解
@JsonFilter("过滤器名")
*/

SimpleFilterProvider filter = new x;

filter.addFilter("过滤器名",
SimpleBeanPropertyFilter.filterOutAllExcept("所有的属性都不要，除了XXX需要"),
SimpleBeanPropertyFilter.serilizeOutAllExcept("所有的属性都需要，除了xxx之外")

//完整实例
//针对日期格式的转换
om.setDateFormat(new SimpleDateFormate("yyyy-MM-dd");

filter
.addFilter("mypet",
SimpleBeanPropertyFilter.serilizeOutAllExcept("password"))
.addFilter("mydiary",SimpleBeanPropertyFilter.serilizeOutAllExcept("pet"))

web.xml

针对response的编码集
在web.xml里面
<init-name>forceEncoding</init-name>
<init-value>True</init-value>

Html页面：

$(function(){
    $("#button").click(function(){
        $.ajax({
         url:
         data:
         type:"get"
         datatype:"json"
         success:function(jsonObj){
            $("#标签Id").html(jsonObj.某属性);
           var html="";
           $(jsonObj.arrtibuteObj(或者某集合).each(function(){
             html = html + "各种拼接" + this.对象中的某属性
            })

            ${"#某表格bodyid"}.html(html)
         }


        })
    })
})