JavaWeb学习七、Listener与JSON与AJAX

十五、Listener监听器

事件监听机制

事件：一件事情
事件源：事件发生的地方
监听器：一个对象
注册监听：将事件、事件源、监听器绑定在一起。当事件源上发生某个事件后，执行监听器代码

十六、JSON

16.1 介绍

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。

JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。这样就使得 JSON 成为理想的数据交换格式。

json 是一种轻量级的数据交换格式。
轻量级指的是跟 xml 做比较。
数据交换指的是客户端和服务器之间业务数据的传递格式。

16.2 JSON在JavaScript中的使用

定义

json 是由键值对组成，并且由花括号（大括号）包围。每个键由引号引起来，键和值之间使用冒号进行分隔，多组键值对之间进行逗号进行分隔。

var jsonObj = {
    "key1": 12,
    "key2": "abc",
    "key3": true,
    "key4": [11, "arr", false],
    "key5": {
        "key5_1": 551,
        "key5_2": "key5_2_value"
    },
    "key6": [
        {
            "key6_1_1": 6611,
            "key6_1_2": "key6_1_2_value"
        },
        {
            "key6_2_1": 6621,
            "key6_2_2": "key6_2_2_value"
        }
    ]
};

访问

json 本身是一个对象。
json 中的 key 我们可以理解为是对象中的一个属性。
json 中的 key 访问就跟访问对象的属性一样： json 对象.key

alert(typeof(jsonObj));         // object json就是一个对象
alert(jsonObj.key1);            //12
alert(jsonObj.key2);            // abc
alert(jsonObj.key3);            // true
alert(jsonObj.key4);            // 得 到 数 组 [11,"arr",false] //
//json 中 数 组 值 的 遍 历
for(var i = 0; i < jsonObj.key4.length; i++) {
    alert(jsonObj.key4[i]);
}
alert(jsonObj.key5.key5_1);     //551
alert(jsonObj.key5.key5_2);     //key5_2_value
alert( jsonObj.key6 );          // 得 到 json 数 组
//取 出 来 每 一 个 元 素 都 是json对 象
var jsonItem = jsonObj.key6[0]; 
alert( jsonItem.key6_1_1 );     //6611
alert( jsonItem.key6_1_2 );     //key6_1_2_value

常用方法

对象形式存在：json对象
字符串形式存在

一般我们要操作 json 中的数据的时候，需要 json 对象的格式。

一般我们要在客户端和服务器之间进行数据交换的时候，使用 json 字符串。

JSON.stringify()：把 json 对象转换成为 json 字符串
JSON.parse() ：把 json 字符串转换成为 json 对象

16.3 JSON在Java中的使用

javaBean和json的互转

public void test1() {
    Student student = new Student(1,"磊爷");
    Gson gson = new Gson();

    //toJson方法 :将java对象转换为json字符串
    String studentJsonString = gson.toJson(student);
    System.out.println(studentJsonString);

    //fromJson把json字符串转换回java对象(json字符串,Java对象类型)
    Student student1 = gson.fromJson(studentJsonString,Student.class);
    System.out.println(student1);
}

List与json的互转，map与json的互转同理

十七、AJAX请求

17.1 介绍

AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

ajax 是一种浏览器通过 js 异步发起请求，局部更新页面的技术。
Ajax 请求的局部更新，浏览器地址栏不会发生变化

局部更新不会舍弃原来页面的内容