1: ajax 全称
xml javascript
Asynchronous JavaScript and XML
异步的javascript和xml.
Ajax并不是一门新的语言技术?
它是由: javascript,xml,css,dom等多种已有技术组合;
可以实现客户端的异步请求的操作,进而在不需要刷新页面的情况下,
与服务器进行通信,减少了用户的等待时间,减轻了服务器和带宽的负担,
提供了更好的服务响应。
2: Ajax开发模式
2.1: 在传统的web请求中,页面中用户的每一次操作都将触发
一次返回web服务器的http请求,服务器进行相应的处理(获取数据,
运行与不同系统的会话)后,返回一个HTML页面给客户端;
客户端(client)_____http请求_________>web服务器--db服务器(服务器端)
客户端client<------------------http协议传输(html+css)(服务器端)
html+css 文件
2.2: web 应用的 Ajax模型
在Ajax应用过程中,页面中用户的操作将通过Ajax的引擎与服务器进行
通信,然后将返回结果提交给客户端页面的Ajax引擎,再由Ajax的引擎来
决定将这些数据插入到页面的指定位置;
客户端(client)____http请求___>服务器端(web和xml服务器,db服务器)
用户界面 ___(javascript)-->Ajax引擎 <-------http协议传输-----服务器端(...)
<------------- xml或字符串数据
hml+css
总结: 传统的web请求, 对于每个用户的行为,
在传统的web应用模型中,将生成一次http请求;
在ajax应用开发模型中,将变成对Ajax引擎的一次JavaScript的
调用,在Ajax的应用开发模型中通过JavaScript实现了在不刷新
整个页面的情况下对部分数据进行更新,从而降低了网络流量,
给用户带来了更好的体验;
3: Ajax的优点总结
3.0: 与传统的web不同,Ajax在用户与服务器之间引入一个
中间媒介(Ajax引擎),从而消除了网络交互过程中的处理---等待---处理---等待的缺点;
3.1: ajax优点具体表现?
<1>: 减轻服务器的负担;
Ajax的原则: (按需求获取数据)
这个好处? 最大程度的减少冗余请求和响应对服务器造成的负担;
<2>: 可以把一部分以前由服务器负担的工作转移到客户端,
利用客户端闲置的资源进行处理,减轻服务器和带宽的负担,节约空间和成本;
<3>: 无刷新更新页面,从而使用户不用再像以前一样在服务器处理数据时,只能在白屏前焦急的等待;
Ajax使用XMLHttpReuqest对象发送请求并得到服务器响应,
在不需要重新载入整个页面的情况下,就可以通过DOM及时将更新的内容显示在页面上;
<4>: 可以调用XML等外部数据,进一步促进页面显示和数据的分离;
<5>: 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序
4: Ajax基础知识
4.1: Ajax是XMLHttpRequest对象和JavaScript,xml,css,dom等多种技术的组合,其中,只有XMLHttpRequest对象
是新技术,其他是老技术;
Ajax的核心技术对象: XMLHttpRequest
具有应用程序接口的JavaScript对象,
能够使用超文本传输协议连接一个服务器.
XMLHttpRequest是微软公司为了满足开发者需要,在1999在IE5.0浏览器中先推出的;
其他浏览器都对其支持,但是实现方式有所不同;
XMLHttpRequest对象
<1>: 对象中常用的方法? 设置异步请求的目标地址,请求方法,以及其他参数
a: open()
open("method","url","username","paswd")
b: send() 方法 向服务器发送请求
send(content);
c: setRequestHeader(); 用于请求HTTP设置
setRequestHeader("label","value");
label: 用于指定http 头
value: 用于指定http 头设置值
细节: 调用open()方法之后方能调用该方法!
d: abort() 停止当前的异步请求
abort();
e: getResponseHeader();
用于以字符串的形式返回指定的http头信息
getResponseHeader("headlabel");
headlabel: 用于指定http头 Sever, Content-Type,Date
f: getAllResponseHeader();
返回完整的http头部信息
getAllResponseHeader();
<2>: XMLHttpRequest对象的常用属性
2.1: onreadystatechange
每个状态改变时候都会触发这个事件的处理器,通常会调用一个JavaScript函数
2.2: readyState 请求状态
0 未初始化
1 正在加载
2 已加载
3 交互中
4 完成
2.3: responseText
服务器的响应,表示为字符串
2.4: responseXML
服务器的响应,表示为XML. 这个对象可以解析一个DOM对象。
2.5: status 返回服务器的http状态码 如:
200 成功
202 请求被接受,但尚未成功
400 错误的请求
404 文件未找到
500 内部服务器错误
2.6: statusText
返回http状态码对应的文本
例如: OK 或者 NotFound(未找到)等
5: 各种技术点介绍。
5.1: javascript脚本语言?
在web页面中添加动态脚本代码的解释性程序语言
(核心嵌套在目前主流的浏览器中)
面向对象语言 ;
ajax利用js将dom,xhtml(html),xml,css整合起来;
5.2: DOM (Document Object Model)
(文档对象的模型)
表示文档(html文档)和访问,操作构成文档的各种元素的应用程序接口(API).
W3C定义标准的文档对象,
树形结构表示:
HTML和XML文档,定义添加节点,遍历节点,
查找节点等方法和属性;
在 ajax中通过 js操作dom ,达到不刷新页面,实时修改用户界面;
5.3: XML语言
XML 是 Extensible Markup Language
(可扩展的标记语言)
用到xml中描述结构化数据的格式;
XMLHttpRequest对象与服务器交互的数据通常采用XML格式,当然也可以基于文本的格式
5.4: CSS样式表
css 【Cascading Style Sheet】
(层叠样式表)
用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言;
在ajax中 ,用css做网页布局 ,并通过改变对文档对象的css属性控制页面的外观和行为。
cyeagle整理敬上
xml javascript
Asynchronous JavaScript and XML
异步的javascript和xml.
Ajax并不是一门新的语言技术?
它是由: javascript,xml,css,dom等多种已有技术组合;
可以实现客户端的异步请求的操作,进而在不需要刷新页面的情况下,
与服务器进行通信,减少了用户的等待时间,减轻了服务器和带宽的负担,
提供了更好的服务响应。
2: Ajax开发模式
2.1: 在传统的web请求中,页面中用户的每一次操作都将触发
一次返回web服务器的http请求,服务器进行相应的处理(获取数据,
运行与不同系统的会话)后,返回一个HTML页面给客户端;
客户端(client)_____http请求_________>web服务器--db服务器(服务器端)
客户端client<------------------http协议传输(html+css)(服务器端)
html+css 文件
2.2: web 应用的 Ajax模型
在Ajax应用过程中,页面中用户的操作将通过Ajax的引擎与服务器进行
通信,然后将返回结果提交给客户端页面的Ajax引擎,再由Ajax的引擎来
决定将这些数据插入到页面的指定位置;
客户端(client)____http请求___>服务器端(web和xml服务器,db服务器)
用户界面 ___(javascript)-->Ajax引擎 <-------http协议传输-----服务器端(...)
<------------- xml或字符串数据
hml+css
总结: 传统的web请求, 对于每个用户的行为,
在传统的web应用模型中,将生成一次http请求;
在ajax应用开发模型中,将变成对Ajax引擎的一次JavaScript的
调用,在Ajax的应用开发模型中通过JavaScript实现了在不刷新
整个页面的情况下对部分数据进行更新,从而降低了网络流量,
给用户带来了更好的体验;
3: Ajax的优点总结
3.0: 与传统的web不同,Ajax在用户与服务器之间引入一个
中间媒介(Ajax引擎),从而消除了网络交互过程中的处理---等待---处理---等待的缺点;
3.1: ajax优点具体表现?
<1>: 减轻服务器的负担;
Ajax的原则: (按需求获取数据)
这个好处? 最大程度的减少冗余请求和响应对服务器造成的负担;
<2>: 可以把一部分以前由服务器负担的工作转移到客户端,
利用客户端闲置的资源进行处理,减轻服务器和带宽的负担,节约空间和成本;
<3>: 无刷新更新页面,从而使用户不用再像以前一样在服务器处理数据时,只能在白屏前焦急的等待;
Ajax使用XMLHttpReuqest对象发送请求并得到服务器响应,
在不需要重新载入整个页面的情况下,就可以通过DOM及时将更新的内容显示在页面上;
<4>: 可以调用XML等外部数据,进一步促进页面显示和数据的分离;
<5>: 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序
4: Ajax基础知识
4.1: Ajax是XMLHttpRequest对象和JavaScript,xml,css,dom等多种技术的组合,其中,只有XMLHttpRequest对象
是新技术,其他是老技术;
Ajax的核心技术对象: XMLHttpRequest
具有应用程序接口的JavaScript对象,
能够使用超文本传输协议连接一个服务器.
XMLHttpRequest是微软公司为了满足开发者需要,在1999在IE5.0浏览器中先推出的;
其他浏览器都对其支持,但是实现方式有所不同;
XMLHttpRequest对象
<1>: 对象中常用的方法? 设置异步请求的目标地址,请求方法,以及其他参数
a: open()
open("method","url","username","paswd")
b: send() 方法 向服务器发送请求
send(content);
c: setRequestHeader(); 用于请求HTTP设置
setRequestHeader("label","value");
label: 用于指定http 头
value: 用于指定http 头设置值
细节: 调用open()方法之后方能调用该方法!
d: abort() 停止当前的异步请求
abort();
e: getResponseHeader();
用于以字符串的形式返回指定的http头信息
getResponseHeader("headlabel");
headlabel: 用于指定http头 Sever, Content-Type,Date
f: getAllResponseHeader();
返回完整的http头部信息
getAllResponseHeader();
<2>: XMLHttpRequest对象的常用属性
2.1: onreadystatechange
每个状态改变时候都会触发这个事件的处理器,通常会调用一个JavaScript函数
2.2: readyState 请求状态
0 未初始化
1 正在加载
2 已加载
3 交互中
4 完成
2.3: responseText
服务器的响应,表示为字符串
2.4: responseXML
服务器的响应,表示为XML. 这个对象可以解析一个DOM对象。
2.5: status 返回服务器的http状态码 如:
200 成功
202 请求被接受,但尚未成功
400 错误的请求
404 文件未找到
500 内部服务器错误
2.6: statusText
返回http状态码对应的文本
例如: OK 或者 NotFound(未找到)等
5: 各种技术点介绍。
5.1: javascript脚本语言?
在web页面中添加动态脚本代码的解释性程序语言
(核心嵌套在目前主流的浏览器中)
面向对象语言 ;
ajax利用js将dom,xhtml(html),xml,css整合起来;
5.2: DOM (Document Object Model)
(文档对象的模型)
表示文档(html文档)和访问,操作构成文档的各种元素的应用程序接口(API).
W3C定义标准的文档对象,
树形结构表示:
HTML和XML文档,定义添加节点,遍历节点,
查找节点等方法和属性;
在 ajax中通过 js操作dom ,达到不刷新页面,实时修改用户界面;
5.3: XML语言
XML 是 Extensible Markup Language
(可扩展的标记语言)
用到xml中描述结构化数据的格式;
XMLHttpRequest对象与服务器交互的数据通常采用XML格式,当然也可以基于文本的格式
5.4: CSS样式表
css 【Cascading Style Sheet】
(层叠样式表)
用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言;
在ajax中 ,用css做网页布局 ,并通过改变对文档对象的css属性控制页面的外观和行为。
cyeagle整理敬上