Ajax实战：使用JavaScript操作DOM

2016年07月29日 66 阅读

Ajax实战：使用JavaScript操作DOM2011-09-06希赛网在任何应用中，我们都需要在用户的使用过程中改变用户界面，为用户执行 的操作和完成的进度提供反馈。这些反馈包括修改单个元素的标签或颜色、弹出 临时的对话框、使用一组全新的UI组件替换大部分的屏幕内容等等。到目前为止 ，最常见的方式就是，通过提供给浏览器一段声明式的HTML来构造DOM树（换句话 说，也就是编写HTML页面）。我们在代码清单2-2和图2-3中显示的文档有点太大和太复杂了，...

Ajax实战：为客户端生成XML数据

2016年07月29日 66 阅读

Ajax实战：为客户端生成XML数据2011-09-06希赛网代码清单3-5展示了实现这个特定需求的迅速而粗糙[13]的解决方案。这个例 子使用PHP和MySQL数据库，但是我们关注的重点是大体上的结构。如果换成ASP 、JSP或者Ruby脚本，可能会得到结构类似的代码。代码清单3-5 迅速而随性地从数据库查询结果生成XML数据流代码清单3-5中的PHP页面可以生成类似于代码清单3-6的XML页面，在这个例 子中，数据库里有两个匹配的产品。这里，代码进行了...

Ajax实战：为文档增加样式

2016年07月29日 60 阅读

Ajax实战：为文档增加样式2011-09-06希赛网到目前为止，我们已经考察了使用DOM来操作文档的结构（一个元素如何被另 外一个元素所包含，诸如此类）。这使得我们可以有效地改造在静态HTML中声明 的结构。DOM还提供了另外一类方法，允许以编程方式修改元素的样式和改造定 义在样式表中的结构。通过DOM操作，Web页面上的每一个元素都可以拥有多种视觉样式，例如位置 、高度和宽度、颜色、边框和空白。尽管分别修改每一个属性可以更加精细地控 制元素的外观，但是...

Ajax实战：向服务器发送请求

2016年07月29日 65 阅读

Ajax实战：向服务器发送请求2011-09-06希赛网通过XMLHttpRequest对象向服务器发送请求是一件相当直接的事情。我们需 要做的所有事情就是给它传递一个服务器页面的URL，这个页面将生成数据。就 像下面这样：XMLHttpRequest支持大量的HTTP调用语义，包括用来动态生成页面的可选查 询字符串参数（你可能已经知道这些CGI参数、Form参数或者ServletRequest参数 ，取决于服务器端开发背景）。在考察请求对象如何支持这些功...

Ajax实战：寻找DOM节点

2016年07月29日 61 阅读

Ajax实战：寻找DOM节点2011-09-06希赛网用JavaScript操作DOM的第一件事就是找到要修改的元素。前面已经提到，我 们开始只能得到根节点的一个引用，它保存在全局变量document中。DOM中的每 一个节点都是document的子节点（或孙节点、曾孙节点等等），但是要在大型的复 杂文档中，一步一步地缓慢搜寻是件体力活。幸运的是，我们可以走一些捷径。 最常用的方法就是给元素附加唯一的ID。在代码清单2-5的onload（）函数中，我 们想...

Ajax实战：用JavaScript实现观察者

2016年07月29日 61 阅读

Ajax实战：用JavaScript实现观察者2011-09-06希赛网建议的解决方案是定义一个通用的事件路由器对象，它为目标元素附加一个 标准函数，作为一个事件回调，并且维护一个监听器函数的列表。这允许我们以 下面的方式重写mousemat的初始化代码：window.onload=function（）{var mat=document.getElementById（"mousemat"）;...var mouseRouter=new jsEvent.Ev...

Ajax实战：在浏览器端应用MVC

2016年07月29日 60 阅读

Ajax实战：在浏览器端应用MVC2011-09-06希赛网我们在前面一直将注意力集中于应用中的小细节。现在可以扩大一下视野， 考虑启动时交付在浏览器上的完整的JavaScript应用。这也可以按MVC模式进行 结构化，由于清晰地分离了关注点，得到较大的优化。在这个级别，模型由业务领域对象组成，视图是整个可编程处理的页面，控 制器是将UI和领域对象相连接的代码中所有事件处理函数的组合。图4-2展示了 这个级别的MVC操作。这可能是对于Ajax开发者最重要的...

Ajax：一个建立Web应用的新途径

2016年07月29日 65 阅读

Ajax：一个建立Web应用的新途径2011-09-06yesky如果要问做什么事是最有吸引力，那就是创建Web应用。毕竟，上次你听到有 人称赞某产品的交互设计是什么时候的事了？（除了iPod之外） 它们都很cool, 而且都是很创新的项目。抛开这些不管，Web设计者们对设计交互式的Web没有什么更好的办法，却对 我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对 于Web程序来说无法比拟的响应能力。同样，Web的快速发展，在我们所提供...

UpdatePanel触发javascript脚本技巧

2016年07月29日 55 阅读

UpdatePanel触发javascript脚本技巧2011-09-06 博客园 Clingingboy相信很多同志都已经遇到这个问题了.这个本身不奇怪.下面我们来具体讨论 此问题.一.预呈现数据无法更改1.大家知道,预呈现的数据是无法更改的,以前可能提到过,这里再看demo,自 定义一个控件[DefaultProperty（"Text"）] [ToolboxData（"<{0}:JsControl runat=s...

Thinking in AJAX（一） —— AJAX - X

2016年07月29日 62 阅读

Thinking in AJAX（一） —— AJAX - X2011-09-06众所周知，异步交互、JavaScript脚本和XML封装数据是AJAX的三大特征。其实，在实际应用中，不需要牢牢套死这三条大律，在我看来，AJAX - X，即去掉用XML封装数据，也不失为一种好的设计思路，如果应用恰当，更显轻盈步伐和巧妙思路。一般读取AJAX返回的XML结构的数据时使用XMLHttp的responseXML对象属性，同时，XMLHttp也提供了另外一个属性，...

Thinking in AJAX（二） —— WEB设计

2016年07月29日 60 阅读

Thinking in AJAX（二） —— WEB设计2011-09-06一、AJAX最值得称赞的是异步交互，而不是无刷新很多人都看好AJAX无刷新的技术，以至于认同AJAX就是用来做无刷新的。这个认识是错误的，什么是无刷新？无刷新就是页面无需重载，那什么又是异步交互？异步交互就是一个简单的多线程，当你在一个blog里看文章时，同时也可以利用AJAX进行无刷新的回复提交，看起来虽然也是无刷新，但这里最重要的是异步，即你能一边看文章，一边又能向服务器提交你...

Thinking in AJAX（三）——AJAX框架汇总

2016年07月29日 56 阅读

Thinking in AJAX（三）——AJAX框架汇总2011-09-06基于浏览器的应用框架一般分为两种：Aplication frameworks:提供了浏览器功能，但其最著名的还是在于通过窗口 生成组件建立桌面GUI。Infrastructural frameworks:提供基本的框架功能和 轻便式浏览器端操作，让开发者去创建具体应用，主要功能包括：基于 XMLHttpRequest组件的浏览器交互功能XML解析和操作功能根据 XMLHttpRe...

在ajax开发中集成数据库技术

2016年07月29日 61 阅读

在ajax开发中集成数据库技术2011-09-06一、引言如今，有相当多的Web应用程序，如Backpack，Blinksale和Gmail，都把数据库技术与AJAX集成到一起。通过提供与数据库通讯而不用刷新浏览器这种强有力的技术，这种集成对web应用程序和用户体验产生巨大的影响-这意味着，在用户继续其它交互的同时可以实现实时的数据传输。本文将集中讨论上述技术集成机理。同时提供了完整的参考源码。这个示例是一个简单的职务记录应用程序，其中每个职务包含一个标题...

打造可靠的Ajax应用程序: 第1部分：构建前端

2016年07月29日 60 阅读

打造可靠的Ajax应用程序: 第1部分：构建前端2011-09-06 IBM Brett McLaughlin简介：如今，Ajax 仍然是业界的热门字眼，越来越多的应用程序都采用 Ajax 技术构建。然而，构建一个好的 应用程序并不容易。本文将着重讨论如果构建 直 观易用的受 Ajax 驱动的应用程序。Ajax 并不只是一种技术。大多数开发人员却认为它是，并试图借助诸如 XML 和 JavaScript 这类语言证明其观点。但这种观点非常局限，并且，忽视了...

打造可靠的Ajax应用程序，第2部分: 构建Ajax后端

2016年07月29日 68 阅读

打造可靠的Ajax应用程序，第2部分: 构建Ajax后端2011-09-06 ibm Brett McLaughlin简介：后端处理 — 服务器端脚本和程序 — 并不总能一投入到 Ajax 应用 程 序中就很好地运转。相反，若能仔细地提前规划以确保数据以恰当及有效的格式 发送，反而能让整个应用程序更内聚，并能减少不必要的复杂性。在本文中， Brett McLaughlin 展示了一个好的服务器端脚本如何能补足 Ajax 行为。在本系...

领先技术: 单页界面和AJAX模式

2016年07月29日 59 阅读

领先技术: 单页界面和AJAX模式2011-09-06 msdn Dino Esposito目录AJAX 模式的影响单页界面模型单页界面模型的 缺点可访问的富 Internet 应用程序AJAX 模式概述唯一 URL 模式超时模式与当今构建的绝大多数 Web 应用程序所采用 的开发模式相比，AJAX 对 Web 解决方案架构师而言意味着一种模式转变。它立 足于一些新的原则和规则来解释基于 Web 的系统的行为，并要求采用一些新的 算法来实现它们。AJAX ...

定制AjaxControlToolkit（1）：使一个CalendarExtender对应N个TextBox

2016年07月29日 65 阅读

定制AjaxControlToolkit（1）：使一个CalendarExtender对应N个TextBox2011-09-06 博客园 夏狼哉其实像AutoCompleteExtender之类的其它扩展也是与此类似，这里只是用 CalendarExtender举例子了。AjaxControlToolkit确实是个好东西，但是我实在不明白设计者是出于什么 目的一定要把它捆在某一个文本框上，使得这组控件变得很难用。对日期控件来 说，可能很多人用过梅花雨做的那...

定制AjaxControlToolkit（2）：给CalendarExtender增加清除功能

2016年07月29日 74 阅读

定制AjaxControlToolkit（2）：给CalendarExtender增加清除功能2011-09-06 博客园 夏狼哉在定制AjaxControlToolkit（1）：使一个CalendarExtender对应N个TextBox 的最后，为了展示主题，我贴了一张截图，也许大家注意到了，我的截图的右下 角有一个“清除”按钮，这就是本文要介绍的更改。在我们的项目中，大多数的录入日期的文本框是不允许用户手输的，只能通 过 点击...

追求代码质量: 对Ajax应用程序进行单元测试

2016年07月29日 62 阅读

追求代码质量: 对Ajax应用程序进行单元测试2011-09-06 ibm Andrew Glover使用 GWT 更轻松地测试异步应用程序简介： 您可能从编写 Ajax 应用程序中获得了极大乐趣，但是对它们执行单 元测试却着实让人头痛。 在本文中，Andrew Glover 着手解决 Ajax 的弱点（ 其中之一），即应对异步 Web 应用程序执行单元测试的固有挑战。幸运的是， 他发现在 Google Web Toolkit 的帮助下，解决这个特殊的代码...

客户端访问Web Service方法的一个细节

2016年07月29日 64 阅读

客户端访问Web Service方法的一个细节2011-09-06之前遇到一个要求，需要能够取消一个正在进行中的Web Service。这也是我第一次遇到这个功能，不过不难，我想。既然ASP.NET AJAX的客户端与服务器端通信完全通过Microsoft AJAX Library的异步通信层进行，那么我们只要得到正在请求Web Service的Sys.Net.WebRequest对象，调用其abort方法就可以了。但是究竟应该如何得到这个对象呢？于是我粗...