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

本文链接：https://blog.youkuaiyun.com/Twotangerine/article/details/124621188

本文介绍了AJAX的基本概念和作用，包括与服务器进行数据交换和实现页面异步更新。详细讲解了最原始的AJAX请求实现方式，并提及了现代的Axios库作为替代方案。此外，还提到了JSON的基础语法和在Java中的转换工具Fastjson，提供了导入和使用的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.导入坐标

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

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