代码改变世界

随笔分类 -  AJAX真正原理解析 (多数转载)

理解AJAX工作原理 构建网站的有效方法(6)

2011-04-15 12:23 by 沐海, 254 阅读, 收藏, 编辑
摘要: 处理响应现在要面对服务器的响应了。现在只要知道两点:什么也不要做,直到 xmlHttp.readyState 属性的值等于 4。服务器将把响应填充到 xmlHttp.responseText 属性中。其中的第一点,即就绪状态,将在下一篇文章中详细讨论,您将进一步了解 HTTP 请求的阶段,可能比您设想的还多。现在只要检查一个特定的值(4)就可以了(下一期文章中还有更多的值要介绍)。第二点,使用 xmlHttp.responseText 属性获得服务器的响应,这很简单。清单 6 中的示例方法可供服务器根据 清单 5 中发送的数据调用。清单 6. 处理服务器响应function updatePag 阅读全文

理解AJAX工作原理 构建网站的有效方法(5)

2011-04-15 12:22 by 沐海, 266 阅读, 收藏, 编辑
摘要: 发出请求您已经有了一个崭新的 XMLHttpRequest 对象,现在让它干点活儿吧。首先需要一个 Web 页面能够调用的 JavaScript 方法(比如当用户输入文本或者从菜单中选择一项时)。接下来就是在所有 Ajax 应用程序中基本都雷同的流程:从 Web 表单中获取需要的数据。建立要连接的 URL。打开到服务器的连接。设置服务器在完成后要运行的函数。发送请求。清单 5 中的示例 Ajax 方法就是按照这个顺序组织的:清单 5. 发出 Ajax 请求function callServer() { // Get the city and state from the web form va 阅读全文

理解AJAX工作原理 构建网站的有效方法(4)

2011-04-15 12:21 by 沐海, 280 阅读, 收藏, 编辑
摘要: 结合起来关键是要支持所有 浏览器。谁愿意编写一个只能用于 Internet Explorer 或者非 Microsoft 浏览器的应用程序呢?或者更糟,要编写一个应用程序两次?当然不!因此代码要同时支持 Internet Explorer 和非 Microsoft 浏览器。清单 4 显示了这样的代码。清单 4. 以支持多种浏览器的方式创建 XMLHttpRequest 对象/* Create a new XMLHttpRequest object to talk to the Web server */ var xmlHttp = false; /*@cc_on @*/ /*@if (@_js 阅读全文

理解AJAX工作原理 构建网站的有效方法(3)

2011-04-15 12:06 by 沐海, 326 阅读, 收藏, 编辑
摘要: 以 DOM 结束最后还有 DOM,即文档对象模型。可能对有些读者来说 DOM 有点儿令人生畏,HTML 设计者很少使用它,即使 JavaScript 程序员也不大用到它,除非要完成某项高端编程任务。大量使用 DOM 的是 复杂的 Java 和 C/C++ 程序,这可能就是 DOM 被认为难以学习的原因。幸运的是,在 JavaScript 技术中使用 DOM 很容易,也非常直观。现在,按照常规也许应该说明如何使用 DOM,或者至少要给出一些示例代码,但这样做也可能误导您。即使不理会 DOM,仍然能深入地探讨 Ajax,这也是我准备采用的方法。以后的文章将再次讨论 DOM,现在只要知道可能需要 D 阅读全文

理解AJAX工作原理 构建网站的有效方法(-)

2011-04-15 12:05 by 沐海, 290 阅读, 收藏, 编辑
摘要: Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。五年前,如果不知道 XML,您就是一只无人重视的丑小鸭。十八个月前,Ruby 成了关注的中心,不知道 Ruby 的程序员只能坐冷板凳了。今天,如果想跟上最新的技术时尚,那您的目标就是 Ajax。但是,Ajax 不仅仅 是一种 阅读全文

理解AJAX工作原理 构建网站的有效方法(2)

2011-04-15 12:05 by 沐海, 257 阅读, 收藏, 编辑
摘要: XMLHttpRequest 对象要了解的一个对象可能对您来说也是最陌生的,即 XMLHttpRequest。这是一个 JavaScript 对象,创建该对象很简单,如清单 1 所示。清单 1. 创建新的 XMLHttpRequest 对象<script language="javascript" type="text/javascript"> var xmlHttp = new XMLHttpRequest(); </script>下一期文章中将进一步讨论这个对象,现在要知道这是处理所有服务器通信的对象。继续阅读之前,先停下来想 阅读全文

Ajax技术三种实现方式之asp.net2.0 callback篇 (四)

2011-04-15 12:01 by 沐海, 277 阅读, 收藏, 编辑
摘要: View Code 1 一、 Asp.net2.0的形式:CallBack 2 1、CallBack.aspx 3 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CallBack.aspx.cs" Inherits="AJAX.CallBack" %> 4 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ 阅读全文

Ajax技术三种实现方式之xmlhttp+httphandler篇 (三)

2011-04-15 11:58 by 沐海, 387 阅读, 收藏, 编辑
摘要: 01.一、 改进的方式:xmlhttp+httphandler 02. 03.应用举例 04. 05.1、首先需要生成一个httphandler的ashx 06. 07.using System; 08. 09.using System.Collections.Generic; 10. 11.using System.Linq; 12. 13.using System.Text; 14. 15.using System.Web; 16. 17. 18. 19.namespace HelloWorld 20. 21.{ 22. 23. public class NewHttpHandler:IH 阅读全文

Ajax 技术三种实现方式之xmlhttp+webform篇 (二)

2011-04-15 11:57 by 沐海, 464 阅读, 收藏, 编辑
摘要: View Code 01.一、 最传统的方式:XmlHttp+Web Form 02. 03.应用举例: 04. 05.1、Ajax.js(这部分三种方式共用) 06. 07.function newXmlHttpRequest() 08. 09.{ 10. 11. var xmlreq=false; 12. 13. if(window.XMLHttpRequest) 14. 15. { 16. 17. xmlreq=new XMLHttpRequest(); 18. 19. } 20. 21. else if(window.ActiveXObject) 22. 23. { 24. 25. t 阅读全文

Ajax xmlhttprequest原理(一)

2011-04-15 11:54 by 沐海, 918 阅读, 收藏, 编辑
摘要: Ajax原理及应用1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用。遗憾的是,不知道出于什么想法,当时微软发明了ajax的核心技术之后,并没有看到它的潜力而加以发展和推广,而是将它搁置起来。对于这一点 阅读全文
记录生活、工作、学习点滴!
E-Mail:mahaisong@hotmail.com 欢迎大家讨论。
沐海博客园,我有一颗,卓越的心!
点击右上角即可分享
微信分享提示