什么是AJAX?
AJAX相当于异步的JavaScript和XML
AJAX是用于创建快速动态网页的技术
通过在后台与服务器进行少量的数据交换,AJAX可以使网页实现异步更新,这就意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新
传统的网页(不使用AJAX)如果需要更新内容,必须重载整个网页面
有很多使用AJAX的应用程序案例:新浪微博、Coogle地图、开心网等
AJAX是基于现有的Internet标准
AJAX是基于现有的Internet标准,并且联合使用它们:
1.XMLHttpRequest对象(异步的与服务器交换数据)
2.JavaScript/DOM(信息显示/交互)
3.CSS(给数据定义样式)
4.XML(作为转换数据的格式)
创建XMLHttpRequest对象
var xmlhttp;
if(window.XMlHttpRequest){
//IE7+,Firefox,Chrom,Opera,Safari 浏览器执行的代码
xmlhttp=new XMLHttpRequest( );
}else{
//IE6,IE5 浏览器执行代码
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
AJAX-向服务器发送请求
向服务器发送请求
如需将请求发送到服务器,我们使用XMLHttpRequest对象的open()和send()方法;
xmlhttp.open("GET","data.txt",true);
xmlhttp.send();
方法:open(method,url,async)
描述:规定请求的类型,URL以及是否异步处理结果
1.method:请求的类型,GET或POST
2.url:文件在服务器上的位置
3.async:true(异步)或false(同步)
方法:send(string)
描述:将请求发送到服务器
string:仅用于POST请求
GET和POST
GET:看的见,传送数据小,通过网络地址传
POST:看不见,传送数据大,通过http中的某个对象的一个body属性
AJAX-服务器响应
responseText:获得字符串形式的相应数据
如果来自服务器的响应并非XML,使用responseText属性,responseText属性返回字符串形式的响应
responseXML:获得XML形式的响应数据
如果来自服务器的响应是XML,而且需要作为XML对象进行解析
AJAX-onreadystatechange事件
onreadystatechange事件
当请求被发送到服务器时,我们需要执行一些基于相应的服务
每当readyState改变时,就会触发onreadystatechange事件
readystate属性存有XMLHttpRequest的状态信息
下面是XMLHttpRequest对象的三个重要属性:
onreadystatechange:存储函数(或函数名),每当readyState属性改变时,就会调用该函数
readyState:存有XMLHttpRequest的状态。从0到4的变化
0:请求未初始化
1:服务器连接已建立
2:请求已接受
3:请求处理中
4:请求已完成,响应已就绪
status:200:"OK" 404:未找到页面
什么叫动态页面?
跟后台发生数据交互的页面叫做动态页面
前后台数据交互依赖的一项技术叫AJAX
AJAX的本质
AJAX的本质就是XMLHttpRequest()对象
控制台输出的结果
数据存储格式
XML是一种数据存储格式,现在被抛弃了
JSON也是一种数据存储格式,现在比较流行的一种数据存储格式