原生ajax的概念和方法

1：ajax的概念
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
*AJAX 异步请求数据。

	什么是 AJAX ？
	AJAX = 异步 JavaScript 和 XML。
	AJAX 是一种用于创建快速动态网页的技术。
	通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。
	这意味着可以在不重新加载整个网页的情况下，
	对网页的某部分进行更新。
	传统的网页（不使用 AJAX）如需果要更新内容，必需重载整个网页面。
	有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
	
	*AJAX是前后端交互数据的一种技术，它只要是异步请求数据！！！！

2：同步/异步
同步的意思：在编程中同步的意思是浏览器器解析代码的顺序（从前往后，从左往右）
：假如和大家约好去餐厅吃饭，大家在规定的时间都到齐了，就直接开吃，这个过程叫同步
举例：
alert(a)
alert(‘哈哈哈’)
异步的意思：在编程中异步的意思是浏览器器解析代码的时候，因为特殊原因可以直接执行后面的代码，不用先执行前面的代码
：假如和大家约好去餐厅吃饭，大家在规定的时间都到齐了，就差栗文勇没来，那你们先吃，我来以后再吃，这个过程叫异步
3：同步和异步相比：
1：同步请求的工作效率要比异步请求效率高！
2：异步请求比同步请求更灵活！
4:localhost= =127.0.0.1 这个指向的是本地服务
file:这个指向的是本机
5:ajax的基本结构
var obtn=document.getElementById(‘btn’);
obtn.οnclick=function(){
var xhl=new XMLHttpRequest();
xhl.open(‘GET’,‘js/1.txt’,true);
xhl.send();
xhl.onreadystatechange=function(){
if(xhl.status= =200&&xhl.readyState= =4){
alert(xhl.responseText)
}
}
}
6:创建ajax对象
var xhl=new XMLHttpRequest();
XMLHttpRequest 对象用于和服务器交换数据。
向服务器发送请求
如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
7：open()
open(method,url,async)
open(‘get/post’,地址,异步/同步)
open(‘get/post’,地址,true/false)true= =同意异步 false= =不同意异步 （就是同步的意思）
8：get和post的区别概念：
1.get是从服务器上获取数据，post是向服务器传送数据。
2.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。
3.get安全性非常低，post安全性较高。

GET 还是 POST？
	与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
	然而，在以下情况中，请使用 POST 请求：
	    无法使用缓存文件（更新服务器上的文件或数据库）
	    向服务器发送大量数据（POST 没有数据量限制）
	    发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

9：send()方法 作用是发送请求
10：onreadystatechange ajax事件
11：ajax对象下的属性
responseText 返回请求数据文本内容（字符串格式）
status 返回HTTP状态码
statusText 返回HTTP状态说明
readyState 事件当时的状态
status HTTP状态码
200 服务器成功返回了页面
400 语法错误导致服务器不识别
401 请求需要用户认证
404 指定的url（地址）在服务器上找不到
500 服务器遇到意外错误，无法完成请求
503 服务器过载或维护导致无法完成请求

readyState		事件当时的状态
0				未初始化
1				启动
2				发送
3				接受
4				完成