AJAX 笔记

Ajax笔记

 什么是Ajax？

A: asynchronous异步

J: JavaScript

A: and

X:XML

 Ajax能干什么？

能实现页面的异步刷新：改变页面以页面为单位进行切换的事实，将切换局限在页面的一部分内容上

异步刷新的优点：

 用户体验好

 用户没有等待的感觉：局部在和服务器通信的过程中，页面的其他部分的访问不受限制

老瓶装新酒：HTML+CSS+JavaScript+XML

 Ajax如何使用？

主要是使用JavaScript的一个特殊的对象来实现和服务器的异步交互的功能。

特殊的JS对象：XMLHttpRequest

示例：

用户注册

用户名

身份证号

上面的代码在IE6里面无效，IE8可以，FF可以。

也就是说：我们需要的特殊的JS对象在不同的浏览器里面并不通用。

问题：如何解决？

这个特殊的对象在目前的大部分浏览器里面都存在，但是名称不一样

解决的思路：针对不同的名称，按照相应的方式产生对象就可以了。

不同浏览器这个类的名称应该是确定的。

if(是IE5,6)

{

按照IE5,6的名称和语法产生对象

}

else if(IE 7,8)

{

按照IE7,8的名称和语法产生对象

}

else if(FF)

{

按照FF的名称和语法产生对象

}

实现思路1：

如果某个特定的浏览器产生对象失败的话，代码会发生异常，我们利用语法的实现，采用try-catch遍历所有的产生方法，最终可以得到这个特殊的对象。

Ajax知识点总结

1.AJAX的优缺点都有什么?

最⼤的⼀点是页⾯⽆刷新，⽤户的体验⾮常好。使⽤异步⽅式与服务器通信，具有更加迅速的响应能⼒。

可以把以前⼀些服务器负担的⼯作转嫁到客户端，利⽤客户端闲置的能⼒来处理，减轻服务器和带宽的负担，节约空间和宽带租⽤成本。并

且减轻服务器的负担，ajax的原则是“按需取数据”，可以最⼤程度的减少冗余请求，和响应对服务器造成的负担。

基于标准化的并被⼴泛⽀持的技术，不需要下载插件或者⼩程序。ajax的缺点：

ajax不⽀持浏览器back按钮。安全问题 AJAX暴露了与服务器交互的细节。对搜索引擎的⽀持⽐较弱。

破坏了程序的异常机制。不容易调试。

2.Ajax和javascript的区别?

javascript是⼀种在浏览器端执⾏的脚本语⾔，Ajax是⼀种创建交互式⽹页应⽤的开发技术 ，它是利⽤了⼀系列相关的技术其中就包括

javascript。

Javascript是由⽹景公司开发的⼀种脚本语⾔，它和sun公司的java语⾔是没有任何关系的，它们相似的名称只是⼀种⾏销策略。

在⼀般的web开发中，javascript是在浏览器端执⾏的，我们可以⽤javascript控制浏览器的⾏为和内容。

Web2.0之Ajax学习笔记与应用实例

1.Ajax（AsynchronousJavaScriptandXML）是一个结合了Java技术、XML、以及JavaScript的

编程技术，可以让你构建基于Java技术的Web应用，并打破了使用页面重载的惯例。

2.Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。

这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接

近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。

3.对于Mozilla﹑Netscape﹑Safari、Firefox等浏览器，创建XMLHttpRequest方法如下:

xmlhttp_request=newXMLHttpRequest();

4.ＩＥ等创建XMLHttpRequest方法如下：

xmlhttp=newActiveXObject("Msxml2.XMLHTTP")

或xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

5.xmlhttp_request.open('GET',URL,true);xmlhttp_request.send(null);

6.open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。按照

HTTP规范，该参数要大写;否则，某些浏览器(如Firefox)可能无法处理请求。第二个参数是请

求页面的URL。第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行，

而不等待服务器响应。这就是"AJAX"中的"A"。

接下来我主要想用实例来说话，下面这个例子是一个企业用户注册时的一个应用，当用户注册时检查

用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，

然后等待……服务器返回信息，继续操作。如果我们用Ajax技术来实现以上的操作则不必等待服务

菜鸟的Ajax笔记——简介Ajax的主要作用就是不刷新页面更新页面的内容，也就是异步传输。Ajax的百度百科。用来显示Ajax响应的div。Ajax听起来很厉害，但是用起来其实很简单。下面就是一段使用Ajax的简单示例。

function ajaxRequest(){

var req = false;

if(window.XMLHttpRequest) {

var req = new window.XMLHttpRequest();

} else if (window.ActiveXObject) {

var req = new window.ActiveXObject('Microsoft.XMLHTTP');

}

if(!req) return false;

req.onreadystatechange = callback;

req.open('GET','ajax/ajaxTest.txt',true);

req.setRequestHeader('Accept-Language','zh-cn');

req.send(null);

function callback(){

switch (req.readyState) {

case 1:

//alert('Loading');

break;

case 2:

//alert('loaded');