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);
2022深度学习开发者峰会 5月20日13:00让我们相聚云端,共襄盛会!