Ajax

AJAX

概述：Ajax是一种异步通信技术，利用网络请求 请求对应数据的工具

同步：按顺序执行 做完一件事情才能做下件事情 阻塞 效率低

异步：同时做多件事情 不知道什么时候开始结束

进程：单独进行的程序

线程：进程里的最小计量单位

ajax入门

核心对象 XmlHttpRequest

// 构建请求对象
var request = new XMLHttpRequest()
// 打开请求地址 指定请求方式
request.open('GET', 'http://www.baidu.com')
// 发送请求
request.send()
// 事件监听 监听请求状态的改变
request.onreadystatechange = function () {
	// 获取请求状态 判断是否到达
	// readyState只存在Ajax 0请求未开始 1 请求准备发送 2请求已经发送 3请求结束响应中 4请求结束响应结束
	// status状态码 1开头表示成功但需要你做下一步操作 2表示成功 3表示重定向 4表示客服端错误 5表示服务器错误
	if (request.readyState == 4 && req.status == 200) {
		console.log(request.responseText) 
	}
}
// responseText 响应文本
// responseXML响应XML

get请求

get请求参数传递使用？做拼接 &连接多个参数 它请求的内容会在地址栏显示(大小2kb)

特点：

请求的参数使用？和& 拼接

对应的请求会暴露在地址栏(不安全)

大小差不多2kb

get请求会有缓存(相对而言速度比较快 数据加载全部使用get)，get请求速度快(因为比较快，默认情况使用get请求)

post请求

常用于表单数据提交，封装表单对象存入请求体

特点

需要指定为post请求

请求的参数填充在请求体中(不会暴露在地址栏 相对安全)

post请求的容量2Mb作用

没有缓存 (相对速度慢)