AJAX基础和自定义

================================================================
测试的网页url要使用 localhost / html文件名 为格式测试

---

所有文件的字符编码集要一致

---

请求静态txt文件：

ajax函数 ajax（‘读取的文件’，读取成功的函数，读取失败的函数）

阻止缓存干扰：

ajax（‘aaa.txt?t=’+new Date().getTime(),
		function(str){alert（str）}，
		function(){alert（’失败‘）}）

---

请求动态数据：

使用eval（）函数转换：
eval函数可以使字符串，经eval转换后得到一个javascript对象,

然后可以以eval（）转换过的数据来作为标准来用DOM创建元素
还可以请求JSON文件或者JS文件

---

get方式适合获取用来浏览的数据
post方式适合用来上传数据

get方式：放入url
？名字=值 & 名字=值 & 名字=值

区别：
**get：**通过网址传递，信息会在网址显示
容量小
安全性差
有缓存

**post：**使用http content 不通过网址
容量大（2G）
安全性好一点
没有缓存

==================================================================

自定义AJAX:

同步：事情一件一件处理（与字面意思相反）
异步：多事件同时处理

创建AJAX文件流程：
类别：
1、手机
2、拨号
3、说
4、听

AJAX
1、创建ajax对象
2、连接服务器
3、发送请求（说出获取什么文件）
4、接收返回值

---

请求状态监控
onreadystatechange事件
readyState属性：请求状态
0 （未初始化）还没有调用open()方法
1 （载入）已调用send()方法，正在发送请求
2 （载入完成）send()方法完成，已收到全部响应内容
3 （解析）正在解析响应内容
4 （完成）响应内容解析完成，可以在客户端调用了
status属性：请求结果
responseText属性：显示读取文件

---

//1.创建Ajax对象

var oAjax=new XMLHttpRequest();

---

//自定义AJAX文件初级：

！！！！关键看注释说明：

function ajax(url, fnSucc, fnFaild)
{
	//1.创建Ajax对象
		var oAjax=new XMLHttpRequest();
	
	//2.连接服务器
	//open(方法, 文件名, 异步传输)
	oAjax.open('GET', url, true);
	
	//3.发送请求
	oAjax.send();
	
	//4.接收返回
	oAjax.onreadystatechange=function ()
	{
		//oAjax.readyState	//浏览器和服务器，进行到哪一步了
		if(oAjax.readyState==4)	//读取完成
		{
			if(oAjax.status==200)	//成功
			{
				fnSucc(oAjax.responseText);//显示读取文件
			}
			else
			{
				if(fnFaild)
				{
					fnFaild(oAjax.status);
				}
				//alert('失败:'+oAjax.status);
			}
		}
	};
}