Ajax技术初探

2 篇文章 0 订阅
2 篇文章 0 订阅

1.概念

Ajax(Asynchronous JavaScript and XML),即异步的js和xml的通信。目前定义:允许浏览器与服务器通信而无须刷新当前页面的技术。

2.特点

Ajax是一种不用刷新整个页面便可与服务器通讯的办法,在该模型中,数据在客户端与服务器之间独立传输。服务器不再返回整个页面。

3.扩展

不用刷新整个页面便可与服务器通讯的办法:
1)Flash
2)JavaScript
3)框架(只更新其中一个框架)
4)隐藏的iframe
5)XMLHttpRequest:该对象是对JS的一个扩展,可使网页与服务器进行通信,是创建Ajax应用的最佳选择,通常把Ajax当成XMLHttpRequest对象的代名词。

4.Ajax工具包
-服务器端语言:Ajax与服务端语言无关
-XML:两端传递信息,现在用JSON较多
-XHTML:标准化呈现
-DOM:实现动态显示和交互
-使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取
-使用JavaScript绑定和处理所有数据

5.Ajax缺陷
-浏览器的兼容问题
-局部刷新造成后退等功能失效
-对流媒体支持没有Flash和JavaApplet好
-一些手持设备(手机、PDA等)支持性差

6.XMLHttpRequest概述

检测的内容:

	function getHttpObject(){
		var flag = false;
		if (window.XMLHttpRequest){
			flag = new XMLHttpRequest();
		}else if (window.ActiveXObject){
			flag = new ActiveXObject("Microsoft.XMLHTTP");
		}
		return flag;
	}

	open("method","url");
	send(content);
	

onreadystatechang状态改变时触发该事件
readyState 请求的状态

onreadystatechang,该事件处理函数由服务器触发,而不是用户完成;
在Ajax执行过程中,服务器会通知客户端当前的通信状态,这依靠更新XMLHttpRequest对象的readyState来实现,
改变readyState属性是服务器对客户端连接操作的一种方式,每次readyState属性的改变都会触发onreadystatechang事件。

7.在服务器端Ajax是一门与语言无关的技术,在业务逻辑层使用何种服务器端语言都可以;
从服务器端接收数据时,必须以浏览器能够理解的方式来发送
服务器端的编程语言只能以如下3种格式返回数据:
-XML
-JSON
-HTML
eg:点击某个链接,用上述三种格式实现在底部显示具体信息,完成Ajax操作
1)HTML
-|由普通文本组成,服务器通过XMLHttpRequest发送HTML,文本将存在responseText属性中
-|不必从responseText属性中读取数据,直接插入到页面中
-|更新某个元素的innerHTML属性就可以把HTML代码插入到页面某元素中

2)XML

3)JSON

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值