学习——AJAX

Asynchronous JavaScript And XML，异步的JavaScript和XML简称Ajax

一，作用

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

同样的，ajax的书写也可以参看在线教程：w3school 在线教程

二，Axios

使用它的目的是简化书写，使用流程如下

1、引入axios的js文件

2、使用axios发送请求

---

1）get方法
axios(
    {
        methond:"get",
        url:"......?参数1=xxx"
    }.then(function(resp){
        (通过resp获得数据并 *** 作)
    })
)
或者
axios.get("url").then(function(resp){
    (通过resp获得数据并 *** 作)
})

---

2）post方法
axios(
    {
        methond:"post",
        url:"......",
        data:"参数1=xxx"
    }.then(function(resp){
        (通过resp获得数据并 *** 作)
    })
)
或者
axios.post("url","参数1=xxx").then(function(resp){
    (通过resp获得数据并 *** 作)
})

---

三，json
1、定义
var 变量名={
    "key1":value1,
    "key2":value2,
    ......
}
获取值：变量名.key

2、JSON字符串与Java对象的相互转化
1）导入坐标，fastjson库
2）Java对象转化为Json
String jsonStr=JSON.toJSONString(obj)
3）JSON转为Java对象
User user=JSON.parseObject(jsonStr,User.class)