AJAX的作用和JSON数据传输格式以及各种用法,以及Axios的maven坐标导入

AJAX
概念:AJAX(Asynchronous javaScript And XML):异步的javaScript和Xml
AJAX作用:
1.与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据
使用了AJAX和服务器进行通信,就可以使用HTML+AJAX替换JSP页面了
2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想,用户名是否可用校验.....

最原始的办法

1.获取核心对象

var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
     xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

2.向服务器发送请求

xhttp.open("GET", "url", true);
xhttp.send();

3.获取响应

var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("demo").innerHTML =
            this.responseText;
       }
    };

这是最原始的方法不建议使用

Axios请求方式别名
axios.get(url,[config])
axios.post(url,data,[config])
格式:axios.get("url").then(function (resp){
alert(resp.data)
})

json基础语法
var 变量名 = {
"key1":value1
"key1":value2
}
json对象里面的键必须是大写
json数据和java对象转换
fastjson是阿里巴巴提供的一个java语言编写的高性能功能完善的json库,
是目前java语言中最快的json库,可以实现java对象和json字符串的相互转换
使用
1.导入坐标

    com.alibaba
    fastjson
    1.2.62

2.java对象转json
String jsonStr = jSON.toJSONString(obj);
3.json字符串转java对象
user user =  JSON.parseObjecet(jsonStr,user.class);