JavaWeb笔记(8)-Ajax异步技术,FastJson

Ajax

Ajax，全称为Asynchronous JavaScript And XML，表示的异步的JavaScript和XML。通过Ajax，我们可以从前端给服务器发送请求，服务器将数据直接响应返回给浏览器。并且这种交互是异步的，可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页。

Ajax的使用大体遵守如下的步骤，这里用一个简单代码块进行展示：

// 1. 创建核心对象
var xhttp;
if (window.XMLHttpRequest()) {
    xhttp = new XMLHttpRequest();
} else{
    xhttp = new ActiveObject("Microsoft.XMLHTTP");
}

// 2. 发送请求
xhttp.open("GET", "http://localhost:8080/xxx");
xhttp.send();

// 3. 获取响应
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        alert(this.responseText)
    }
};

axios对于原生的Ajax进行封装，可以帮助我们简化书写。axios的官方网站为Axios 中文文档 | Axios 中文网

axios的使用如下，首先需要引入相关的js文件：

<script src="js/axios-0.18.0.js"></script>

然后就可以直接书写相关代码了：

// get请求
axios({
    method:"get",
    url:"http://localhost:8080/xxx?username=yyy"
}).then(function (resp){
    alert(resp.data);
})

// post请求
axios({
    method:"post",
    url:"http://localhost:8080/xxx",
    data:"username=yyy"
}).then(function (resp){
    alert(resp.data);
});

FastJson

FastJson是阿里巴巴提供的一个由Java语言编写的高性能，功能完善的Json库，它可以实现Java对象与Json字符串的相互转换。

使用Fastjson，首先需要进行依赖导入：

<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.62</version>
</dependency>

然后调用其中的方法即可，分为Java对象转成json字符串以及字符串转化成Java对象：

// Java对象转化成Json字符串
String jsonStr = JSON.toJSONString(obj);

// Json字符串转化成Java对象
User user = JSON.parseObject(jsonStr, User.class);