Ajax&Json_Amo a te

大大的周 02-07 3079

Ajax 概念：?ASynchronous JavaScript And XML?? ?异步的JavaScript 和 XML 异步和同步：客户端和服务器端相互通信的基础上 ?? ?客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 ?? ?客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。实现方式原生的JS实现方式（了解）JQeury实现方式 $.ajax():$.ajax({键值对}) //使用$.ajax()发送异步请求 $.ajax({ url:"ajaxServlet1111" , // 请求路径 type:"POST" , //请求方式 //data: "username=jack&age=23",//请求参数 data:{"username":"jack","age":23}, success:function (data) { alert(data); },//响应成功后的回调函数 error:function () { alert("出错啦...") },//表示如果请求响应出现错误，会执行的回调函数 dataType:"text"//设置接受到的响应数据的格式 }); $.get()：发送get请求 ?? ?$.get(url,[data],[callback],[type]) ?? ??? ?url:请求路径 ?? ??? ?data：请求参数 ?? ??? ?callback：回调函数 ?? ??? ?type：结果响应类型???? ? ? ?$.post()：发送post请求 ?? ?$.post(url,[data],[callback],[type]) ?? ??? ?url:请求路径 ?? ??? ?data：请求参数 ?? ??? ?callback：回调函数 ?? ??? ?type：结果响应类型 JSON

概念：?JavaScript Object Notation ? ?JavaScript对象表示法 ?? ?json现在多用于存储和交换文本信息的语法 ?? ?进行数据的传输 ?? ?JSON比XML更小、更快、更易解析

语法 ?? ?1. 基本规则 ? ? ? ? * 数据在名称/值对中：json数据是由键值对构成的 ? ? ? ? ? ? ????????键用引号（单双都行），也可以不用引号 ?? ??? ??? ?????????值的取值类型 ?? ??? ??? ??? ?????????????????数字：整数或浮点数 ?? ??? ??? ??? ?????????????????字符串：在双引号中 ?? ??? ??? ??? ?????????????????逻辑值：true或false ?? ??? ??? ??? ?????????????????数组：在方括号中，{"Persons" : [ {} , {} ] } ?? ??? ??? ??? ?????????????????对象：在花括号中，{“address”：{“province”：“西安”....}} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? null ? ? ? ? * 数据由逗号隔开：多个键值对由逗号分隔 ? ? ? ? * 花括号保存对象：使用{}定义json格式 ? ? ? ? * 方括号保存数组：[] ?? ?2. 获取数据 ? ? ? ? * json对象.键名 ? ? ? ? * json对象[“键名”] ? ? ? ? * 数组对象[索引] ? ? ? ? * 遍历

?? ??? ??? ? ? ? ?//1.定义基本格式 ? ? var person = {"name": "张三", age: 23, 'gender': true}; ?? ??? ? ? ?var ps = [{"name": "张三", "age": 23, "gender": true}, ? ? ? ? ? ? ? ?{"name": "李四", "age": 24, "gender": true}, ? ? ? ? ? ? ? ?{"name": "王五", "age": 25, "gender": false}]; //获取person对象中所有的键和值 ? ? ? ? ? ?//for in 循环 ? ? ? ? ? ?/* for(var key in person){ ? ?//这样的方式获取不行。因为相当于 ?person."name" ? ? ? ? ? ? //alert(key + ":" + person.key); ? ? ? ? ? ? alert(key+":"+person[key]); ? }*/ ??? ??? ??? ? //获取ps中的所有值 ?for (var i = 0; i < ps.length; i++) { ? ? ? ? ? ? var p = ps[i]; ? ? ? ? ? ? ? ? for(var key in p){ ? ? ? ? ? ? ? ? ? ? alert(key+":"+p[key]); ?? ??? ? ? ? ? ?} ?? ? ? ? ?}

?? ?3. JSON数据和Java对象的相互转换 ?? ??? ?JSON解析器：常见的解析器：Jsonlib，Gson，fastjson，jackson ?? ??? ?JSON转换为Java对象 ?? ??? ??? ?????????1. 导入jackson的相关jar包 ?? ??? ??? ?????????2. 创建Jackson核心对象 ObjectMapper ?? ??? ??? ?????????3. 调用ObjectMapper的相关方法进行转换 ?? ?????????????????????????????????readValue(json字符串数据,Class) ?? ??? Java对象转换JSON ?? ??? ??? ????????1. 导入jackson的相关jar包 ? ? ? ? ? ? ? ? ? ?2. 创建Jackson核心对象 ObjectMapper ? ? ? ? ? ? ? ? ? ?3. 调用ObjectMapper的相关方法进行转换 ?? ??? ??? ??? ?????????????????转换方法：writeValue(参数1，obj)? ? ? ? ? ? ? ? ? ? ? ?? ??? ??? ??? ??? ??? ?????????????????参数1： ?? ??? ??? ??? ??? ??? ??? ?????????????????File：将obj对象转换为JSON字符串，并保存到指定的文件中 ?? ??? ??? ??? ??? ??? ??? ? ???????????????Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流中 ?? ??? ??? ??? ??? ??? ??? ?????????????????OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流中 ?? ??? ??? ??? ??? ?????????????????????????writeValueAsString(obj):将对象转为json字符串 ?? ??? ??? ??? ?????????????????注解 ?? ??? ??? ??? ??? ?????????????????????????1. @JsonIgnore：排除属性。 ?? ??? ??? ??? ??? ?????????????????????????2. @JsonFormat：属性值得格式化

? ? ? ? ? ?@JsonFormat(pattern = "yyyy-MM-dd") ?? ??? ??? ??? ?复杂java对象转换 ?? ??? ??? ??? ??? ?List：数组 ?? ??? ??? ??? ??? ?Map：对象格式一致