Ajax基础

前端发送请求

		浏览器给服务器发送请求分为同步和异步两种
		同步请求:就是在发送一个请求之后,需要等待服务器响应返回,才能够发送下一个请求。
			发送请求做出的回应,其内容会覆盖浏览器中的内容
		异步请求:和同步请求相对,异步不需要等待响应,随时可以发送下一次请求。异步请求是局部页面更新。

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):用键值对保存对象,数据由逗号分隔
大括号保存对象
方括号保存数组

四级标题
五级标题
六级标题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值