Ajax 学习笔记

                                                                  <span style="font-size:32px;">  Ajax</span>
		<span style="font-size:18px;">AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
		AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

	  XMLHttpRequest 	
		所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
		XMLHttpRequest 用于在后台与服务器交换数据

		1.创建 XMLHttpRequest 对象的语法：
			
			variable = new XMLHttpRequest();

			老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

			variable=new ActiveXObject("Microsoft.XMLHTTP");

			var xmlhttp;
			if (window.XMLHttpRequest) {
				// code for IE7+, Firefox, Chrome, Opera, Safari
			  	xmlhttp=new XMLHttpRequest();

			} else {

			  	// code for IE6, IE5
			  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

			}

		2.XHR请求
			A.如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

				xmlhttp.open("GET","test1.txt",true);
					open(method, url, async)
						method： 类型：get/post
						url: 文件在服务器上的位置
						async: true(异步)/ false(同步)

				xmlhttp.send();
					send(string)
						string: 仅用于post请求

			B.
				与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
				然而，在以下情况中，请使用 POST 请求：

					无法使用缓存文件（更新服务器上的文件或数据库）
					向服务器发送大量数据（POST 没有数据量限制）
					发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

				a.get请求
					xmlhttp.open("GET","demo_get.asp",true);
					xmlhttp.send();
					

					在上面的例子中，您可能得到的是缓存的结果。
					为了避免这种情况，请向 URL 添加一个唯一的 ID：
					xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true);
					xmlhttp.send();


					如果您希望通过 GET 方法发送信息，请向 URL 添加信息：
					xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
					xmlhttp.send();

				b.post请求
					xmlhttp.open("POST","demo_post.asp",true);
					xmlhttp.send();


					如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

					xmlhttp.open("POST","ajax_test.asp",true);
					xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
					xmlhttp.send("fname=Bill&lname=Gates");	

			B.Async

				a.Async = true
					xmlhttp.onreadystatechange=function() {

					  	if (xmlhttp.readyState==4 && xmlhttp.status==200) {
					    	document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
					   	}
					}
					xmlhttp.open("POST","/ajax/demo_post.asp",true);
					xmlhttp.send();

				b.Async = false
					xmlhttp.open("GET","/ajax/test1.txt",false);
					xmlhttp.send();
					document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		3.XHR响应

			A.responseText 属性
				如果来自服务器的响应并非 XML，请使用 responseText 属性。
				responseText 属性返回字符串形式的响应，因此您可以这样使用：
				document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

			B.responseXML 属性
				xmlDoc=xmlhttp.responseXML;
				txt="";
				x=xmlDoc.getElementsByTagName("ARTIST");
				for (i=0;i<x.length;i++)
				  {
				  txt=txt + x[i].childNodes[0].nodeValue + "<br />";
				  }
				document.getElementById("myDiv").innerHTML=txt;

		4.onreadystatechange 事件
			当请求被发送到服务器时，我们需要执行一些基于响应的任务。</span>