前端发送请求
浏览器给服务器发送请求分为同步和异步两种
同步请求:就是在发送一个请求之后,需要等待服务器响应返回,才能够发送下一个请求。
发送请求做出的回应,其内容会覆盖浏览器中的内容
异步请求:和同步请求相对,异步不需要等待响应,随时可以发送下一次请求。异步请求是局部页面更新。
Ajax 异步JavaScript和xml
使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户体验.Ajax其实质是利用浏览器提供的一个特殊的对象XMLHttpRequest异步地向服务器发送请求, 服务器返回部分数据,浏览器让你去利用这些数据对页面做部分的更新,整个过程,页面无刷新,不打断用户的操作
XMLHttpRequest对象:发送请求到服务器并获得返回结果
所有现代浏览器 都内建了 XMLHttpRequest 对象,通过一行简单的JavaScript 代码,我们就可以创建 XMLHttpRequest 对象:
new XMLHttpRequest();
常用方法:
open(method,URL,async):建立与服务器的连接
method参数指定请求的HTTP方法,典型的值是GET或POST
URL参数指定请求的地址
async参数指定是否使用异步请求,其值为true或false
send(content):发送请求
content参数指定请求的参数
setRequestHeader(header,value) 设置请求的头信息
axios框架
下载axios文件https://unpkg.com/axios/dist/axios.min.js
导入项目
get请求
axios.get("http://127.0.0.1:8080/webbackkk/reg?account="+account).then(function(resp){
console.log(resp.data);
document.getElementById("aid").innerHTML=resp.data;
})
post请求
axios.post("http://127.0.0.1:8080/webbackkk/reg","account="+account).then(function(resp){
console.log(resp.data);
document.getElementById("aid").innerHTML=resp.data;
})
响应结果格式默认为Json格式(JavaScript Object Notation):用键值对保存对象,数据由逗号分隔
大括号保存对象
方括号保存数组