【BS学习】——AJAX基础
来源:互联网 发布:mac 安装apache 编辑:程序博客网 时间:2024/06/06 05:54
一、应用模型
服务器(传统模式中,他是提供HTML、图像、CSS或JavaScript)将配置为想Ajax引擎返回其可用的数据,这些数据可以是纯文本、xml或者需要的任何格式,唯一的要求就是ajax引擎能够理解和翻译这种数据。
当ajax引擎收到服务器响应时,将会触发一些操作,通常是完成数据解析,以及基于其所提供的的数据对用户界面做一些修改。由于这个过程中国传送的信息比传统的web引用程序模型少得多,因此用户界面的更新速度更快,用户就能够更快的进行他们的工作。
二、ajax原则
2、不意外:不论选择什么样的用户交互模型,一定要确保用户知道下一步该如何操作。
3、遵循常规:参考传统的web程序等
4、无干扰:避免采用不必要的干扰性页面元素。
5、可访问性:知道用户习惯如何访问应用程序。
6、避免下载整个页面:
7、用户第一:面向对象的设计。
三、Ajax背后的技术
CSS:为XHTML提供文本格式定义。
DOM:对已载入的页面进行动态更新。
XML:数据交换格式。
XSLT:将XML转换为XHTML(用CSS修饰其样式)
XMLHttp:主要的通信代理
JavaScript:用来编写Ajax引擎的脚本语言。
其中标黄为必需的。
HTTP:由两部分组成:请求和相应。当你在Web浏览器输入一个URL时,浏览器将根据你的要求创建并发送请求,该请求包含所输入的URL以及一些与浏览器本身相关的信息。当服务器收到这个请求时将返回一个响应,该响应包括与该请求相关的信息以及位于指定URL的数据。直到浏览器解析该响应并显示网页。
四、Ajax异步处理的优点
1、减轻服务器的负担,Ajax一般只从服务器获取需要的数据2、无刷新页面更新,减少用户等待时间。
3、更好的客户体验,可以将一些服务器的工作转移到客户端完成,节约资源,提高用户体验
4、基于标准化的对象,不需要安装特定的插件绝大多数的浏览器都能执行
5、彻底将页面和数据分离
五、XMLHTTPRequest
Ajax的核心对象,该对象在JavaScript中可用于构建异步的后台服务的调用。通过这个对象,Ajax可以像桌面应用程序一样,只同服务器进行数据层面的交换,而不用每次都刷新界面,不同的浏览器构建方式有所不同。
Mozilla NetscapeVar httpRequest=new XMLHTTPRequest;//IEVar httpRequest=new ActiveXObject(“MSXML.XMLHTTP”)或Var httpRequest=new ActiveXObject(“MSXML2.XMLHTTP”)
0 0
- 【BS学习】——AJAX基础
- Ajax——CS、BS架构
- BS学习总结——流程篇
- 【BS学习】——ADO.NET
- 【BS学习】——HTML和XML
- 【BS学习】——B/S结构
- 【BS学习】——CSS基础知识
- 【BS学习】——jQuery总结
- 【BS学习】——easyUI属性
- BS工作原理—BS总结
- 【BS学习】BS总结
- 【BS学习】——asp.net自定义控件
- 【BS学习】牛腩新闻发布系统——设计说明书
- 【BS学习】牛腩新闻发布系统——设计思路
- 【BS学习】牛腩新闻发布系统——知识点小结
- 【BS学习】牛腩新闻发布系统——网站发布
- Ajax基础学习笔记三—jQuery实现Ajax
- Ajax—基础篇
- sklearn——朴素贝叶斯分文本分类2
- Linux下Setuid命令!
- 直接插入法排序
- 问题二十五:为什么有时候XnView无法显示PPM图片?
- 图论(三)图的遍历
- 【BS学习】——AJAX基础
- UML之用例图
- Gym - 101102B B. The Little Match Girl 贪心、数论、分步
- Linux--linux tail 命令详解
- 安装python-mysql出现的问题以及解决方法
- shell 编程
- 平面设计大神养成记之PS篇——编辑菜单栏
- M--二分查找
- Plplot绘制随时间变换的动态图