AJAX学习笔记

:simple_smile:一点其他的话
同步交互与异步交互的区别
同步交互：客户端向服务器发送请求到服务器进行响应的过程用户不能做其他事情，响应的是完整的HTML页面，执行速度相对较慢。
异步交互：客户端向服务器发送请求到服务器进行响应的过程用户可以做其他事情；响应的是部分数据，执行速度相对较快。

Ajax核心对象–XMLHttpRequest

创建XMLHttpRequest对象

function getXHR() {
	var xhr = null;
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	} else {
		xhr = new ActiveXObject('Microsoft.XMLHttp');
	}
	retrun xhr;
}
// 以上是为兼容ie6及更低版本，以后不需要了。https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

XMLHttpRequest对象的属性、方法和事件

属性

• readyState：判断服务器端的当前状态（0-4）
• status：判断服务器端的状态码（200表示成功）
• responseText：接收服务器响应文本数据
• responseXML：接收服务器响应XML数据

方法

• open(method,url)
  如果method为get，请求参数以?key1=value1&key2=value2的形式加在url后。
• send()
  如果method为get，此方法参数为null；
  如果method为post，此方法参数为请求参数，并且在调用此方法前需设置：xhr.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”);

事件

onreadystatechange：监听服务器状态的改变

---

JQuery中的Ajax

• $.ajax()
• .load()
• $.get()
• $.post()
• $.getScript()
• $.getJSON()