Ajax小结

• ajax的概念
  局部刷新技术。不是一门新技术，而是多种技术的组合，是浏览器前端的技术。
• ajax的作用
  实现当前结果页面中显示其他请求响应的内容
• ajax的使用
  注：以下代码并不完整，只是一部分，关键注重流程。

function ajax(){
//创建ajax引擎对象
  var ajax;
  if(window.XMLHttpRequest){//火狐
  		ajax = new XMLHttpRequest();
  }else if(window.ActiveXObject){//IE
  		ajax = new ActiveXObject("Msxml2.XMLHTTP");
  }
//复写onreadystatement函数
	ajax.onreadystatechange = function(){
		//判断ajax状态码
		if(ajax.readyState == 4){
		//判断响应状态码
		if(ajax.status==200){
		//获取响应内容
		var result = ajax.responseText;
		//获取元素对象
		var showdiv = document.getElementById("showdiv");
		showdiv.InnerHTML = result;
		}else if(ajax.status==404){
		//获取响应内容
		var result = ajax.responseText;
		//获取元素对象
		var showdiv = document.getElementById("showdiv");
		showdiv.InnerHTML = "请求资源不存在";
		}else if(ajax.status==500){
		//获取响应内容
		var result = ajax.responseText;
		//获取元素对象
		var showdiv = document.getElementById("showdiv");
		showdiv.InnerHTML = "服务器繁忙";
		}
	}
}	
//发送请求(get/post请求只能写一个：这里用作举例子)
    //get方式：直接在URL后面拼接字符串
	ajax.open("get","ajax",true);
 	ajax.send(null);
 	//post方式：求情数据需要单独发送：
 	ajax.open("post","ajax");
 	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 	ajax.send("name = 张 & pwd = 123");
}

• ajax的状态码
  readyState: 0,1,2,3,4
  4：表示响应内容被成功接收
  响应状态码：
  status
  200：表示一切OK
  404：资源未找到
  500：内部服务器错误
• ajax的同步异步

ajax.open(method,url,async)

---

• ajax 在 jQuery中的使用

$.ajax({
		url:url,
		type:"get/post",
		async:true/false,
        data:{"name = 张","pwd = 123"},
        dataTyep:"json",
        success:function(data){},      
});