对AJAX的初步了解

开发工具与关键技术：Visual Studio AJAX  作者：Li Mingrun   撰写时间：2019年5月1日

前一个课程基础学习是初步接触了一下jQuey中AJAX的基础知识，但很遗憾那是没有进行，
复习和总结，前一个课程基础学已经快忘记的干干净净了，现在目前的课程也结束有一段时间了，
在回头复习中复习到了AJAX，感觉AJAX很深奥的样子，想先进行一次初步的、整体的AJAX初步
使用的使用方法总结。
一：什么是AJAX？
AJAX不是（不属于）一种编程语言
官方的解析是：
AJAX = 异步的JavaScript和XML
AJAX不是新的编程语言，而是一种使用现有标准的新方法。
AJAX是一种无需在重载整个网页的情况下，能够进行部分网页更新的技术。
二：区分同步和异步。
1、同步：是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；
2、异步：是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。
3、 异步实现：
1、运用HTML与CSS来实现页面，表达信息
2、运用XMLHttpRequest和web服务器进行数据的异步交换
3、运用JavaScript操作DOM，实现动态局部刷新
AJAX的实现：
一：创建AJAX的XMLHttpRequest对象
什么是XMLHttpRequest对象？
XMLHttpRequest对象是用于在后台与服务器交数据
虽然所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
但是老版本的 （浏览器）Internet Explorer （IE5 和 IE6）使用的是 ActiveXObject 对象：
所以：为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。
如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：

创建XMLHttpRequest对象的语法：

var xmlhttp
if(aindow.XMLHttpRequest){
             xmlhttp= new XMLHttpRequest();
  }
else{
             xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
    }

二、AJAX - 向服务器发送请求
如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

AJAX请求默认的是异步请求

方法	参数描述
open(method,url,async)	规定请求的类型、url、是否异步处理请求。 1,method:请求类型：GET或POST 。 2,url:文件在服务器上的位置 。3,async：true(异步)或false（同步）
send(string)	将请求发送到服务器 ,string:仅仅用于POST请求
setRequestHeader(header,value)	向请求添加 HTTP 头。1,header:规定头的名称。 2,value:规定头的值

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

  xhr.open("POST","/jQueryAjax/postPersonInfor",true);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.send(data);//data表单中需要提交的数据（字符串）

三：AJAX–服务器响应。
如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性

属性	描述
responseText	获得字符串形式的响应数据。
responseXML	获得 XML 形式的响应数据。

responseText 属性返回字符串形式的响应，您可以这样使用：

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性：

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

function myFunction() { 
loadXMLDoc("/try/ajax/ajax_info.txt",function() 
{ 
if(xmlhttp.readyState==4&&xmlhttp.status==200) 
{ 
document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
} 
}); 
} 

创建控制器方法：

创建AJAX实例：

使用onreadystatechange 事件