AJAX快速入门 |||| JSON在Java中的应用

全称：AJAX(Asynchronous JavaScript And XML):异步的JavaScript和XML

作用

1．与服务器进行数据交换:通过AJAX可以给服务器发送请求，并获取服务器响应的数据
使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面了
2．异步交互:可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如:搜索联想，昵称重复校验等等...

步骤

1.编写AjaxServlet，并使用response输出字符串
2.创建XMLHttpRequest 对象:用于和服务器交换数据
3.向服务器发送请求

4.获取服务器响应数据

    var xhttp=new XMLHttpRequest();
    xhttp.open("get","http://localhost:8080/emergency_rescue_system_war/ajaxServlet");
    xhttp.send();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            alert(this.responseText);
        }
    };

axios封装

1.引入axios的js文件
2.使用axios发送请求，并获取响应结果

<script src="js/axios-0.18.0.js"></script>
//get方式
axios({
method:"get",
url:"http:llocalhost:8080lajax-demo1/aJAXDemo1?username=zhangsan"}).then(function (resp){
alert(resp.data);})；
//post方式
axios({
method:"post"",
url:"http://localhost:8080lajax-demo1/aJAXDemo1",data:"username=zhangsan”
}).then(function (resp){
alert(resp.data);});

为了方便起见，Axios 已经为所有支持的请求方法提供了别名

axios.get("http://localhost:8080/ajax-demo/axiosServlet?username=zhangsan")
.then(function (resp){alert(resp.data);}

axios.get("http://localhost:8080/ajax-demo/axiosServlet","username=zhangsan")
.then(function (resp){alert(resp.data);}

JSON

全称：JavaScript Object Notation JavaScript 对象表示法

由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输
value的数据类型为:

数字（整数或浮点数)
字符串（在双引号中)
逻辑值(true或false)
数组(在方括号中)
对象（在花括号中)
null

JSON数据和Java对象转换

Fastjson是阿里巴巴提供的一个Java语言编写的高性能功能完善的JSON库，是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换。
使用：

//1.导入坐标
<dependency>
    <groupld>com.alibaba</groupld>
    <artifactld>fastjson</artifactld>
    <version>1.2.62</version>
</dependency>
//2.Java对象转JSON
String jsonStr = JSON.toJSONstring(obj);
//3.JSON字符串转Java对象
User user = JSON.parseObject(jsonStr, User.class);