框架笔记 -ajax、axios

AJAX

与服务器进行数据交换，通过AJAX可以给服务器发送请求，并获取服务器响应的数据

快速入门

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

Axios

快速入门

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

发送异步请求

axios({
    method: "get",
    url: "AxiosServlet",
    params: {
        username: "test1",
        password: "123"
    }
}).then(resp => {
    console.log("返回的信息是: " + resp.data);
});

axios({
    method: "post",
    url: "AxiosServlet",
    data: {
        username: "test2",
        password: "123"
    }
}).then(resp => {
    console.log("返回的信息是: " + resp.data);
});

axios.get("AxiosServlet?username=test3&password=123").then(resp => {
    console.log("返回的信息是: " + resp.data);
})

axios.post("AxiosServlet", "username=test4&password=123").then(resp => {
    console.log("返回的信息是: " + resp.data);
});

注

在 JavaScript 中，this 关键字指向当前函数被调用时的对象。在 axios 的代码中，通常在回调函数中使用 this 关键字，回调函数可能会被传递到其他地方去执行，在执行时 this 的指向可能不是预期的，因此可能会导致错误。

JSON

JavaScript对象表示法

定义

var 变量名 = '{"key":value, "key":value,...}';

数据类型

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

JSON数据和Java对象转换

• 请求数据: JSON字符串转为Java对象
• 响应数据: Java对象转为JSON字符串

Fastjson

实现Java对象和JSON字符串的相互转换

使用

• Java对象转JSON

String jsonStr = JSON.toJSONString(obj);

• JSON字符串转Java对象

User user = JSON.parseObject(jsonStr, User.class);