Ajax
2018-04-08 17:24 廖向乾 阅读(149) 评论(0) 编辑 收藏 举报 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax = 异步javascript 和XML（标准通用标记语言的子集）。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
Ajax特点：
1. Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
2.使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。
3.Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
4.Ajax可使因特网应用程序更小、更快，更友好。
Ajax工作原理:
1. Ajax 是一种独立于 Web 服务器软件的浏览器技术。 Ajax 基于下列 Web 标准：
2. JavaScript、XML HTML与CSS 在 Ajax 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。
3.Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。
4.不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax，因特网应用程序可以变得更完善，更友好。
传统的网页没有使用Ajax技术，当更新网页内容时要重新加载页面来重写页面，如果是整个网站，这工作量无疑是巨大的，但有了Ajax技术，我们在后台进行表单设计时，加入相关代码，实现异步输入输出，局部更新，这就使工作变得轻便。例如，现在很多的知名网站，像腾讯，新浪，谷歌，百度地图等等，都使用了这种技术。
而要学习Ajax技术，拥有HTML,CSS,和JS的基础就够了。
传统的同步加载令人疯狂，是因为缺少了一个对象，那就是XMLHttpRequest对象。有了这个对象之后，可以实现后台和服务器之间数据的交换，达到页面的局部请求和刷新，这就是Ajax的异步功能。
想要达到这种功能我们要做的是：
1:用HTML和CSS写出页面，表达信息。
2：用XMLHttpRequest和Web服务器进行数据的异步交换。
3：用javascript操作DOM，实现动态局部刷新。
重要的是第二点，怎么样创建XMLHttpRequest对象呢？
是下面这句话：
var request=new XMLHttpRequest();
但是IE5和IE6是不兼容的。
所以要这样写：
var request;
If(window.XMLHttpRequest){
request=new XMLHttpRequest();
}else{
request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5
}
即如果有XMLHttpRequest的定义就直接使用，如果没有就创建一个ActiveXObject对象使用。
Ajax流程是这样的：
1.从Web表单中获取需要的数据。
2.建立要连接的URL。
3.打开到服务器的连接。
4.设置服务器在完成后要运行的函数。
5.发送请求。
