AJAX用户检测 2017年02月06日 56 阅读 AJAX用户检测2011-08-23 cnblogs Lance.LiangAJAX带来的用户体验是有目共睹的,就最小的应用,我们来尝试着实现一下。依然采用HotHeart的 AJAXRequest类,使用参见另一篇文章ASP的AJAX开始。实现效果如下:其他的不多说,老规矩,看代码:reg.html<html><head><title>AJAX用户名检测</title><script type=&qu...
Ajax实战:Ajax的关键元素 2017年02月06日 65 阅读 Ajax实战:Ajax的关键元素2011-09-06希赛网Ajax不是单一的技术,而是四种技术的集合。表2-1简要介绍了这些技术,以 及它们所扮演的角色。表2-1 Ajax的关键元素JavaScriptJavaScript是通用的脚本语言,用来嵌入在某种应用之中。 Web浏览器中嵌入的JavaScript解释器允许通过程序与浏览器的很多内建功能进 行交互。Ajax应用程序是使用JavaScript编写的CSS(层叠样式表)CSS为Web页面元素提供了一种可...
Ajax实战:Ajax的四个基本原则 2017年02月06日 63 阅读 Ajax实战:Ajax的四个基本原则2011-09-06希赛网我们用到的很多框架中都已经固化了基于页面的传统应用模式,同时这些应 用模式也已经深深进入了我们的思想中。我们花几分钟来揭示出哪些核心概念是 我们需要重新思考的,以及如何从Ajax的角度来重新思考。浏览器中的是应用而不是内容在传统的基于页面的Web应用中,浏览器扮演着哑终端[7]的角色。它对用户 处于操作流程哪一阶段一无所知。这些信息全部都保存在服务器上,确切地说, 就是在用户会话上。时至今日,服...
Ajax实战:绑定事件处理函数代码 2017年02月06日 69 阅读 Ajax实战:绑定事件处理函数代码2011-09-06希赛网JavaScript文件(代码清单4-3)采用编程方式将事件绑定到键上。代码清单4-3 musical.jswindow.onload调用了assignKeys()函数(可以在这个文件中直接定义window. onload,但是这限制了它的可移植性)。通过唯一的ID来发现keyboard元素,然 后使用getElementsByTagName()遍历访问其内部所有的DIV元素。这需要知道一 些关于...
Ajax实战:管理多个事件回调 2017年02月06日 68 阅读 Ajax实战:管理多个事件回调2011-09-06在实现我们自己的解决方案之前,我们先通过一个简单的例子来了解问题所在。代码清单4-7显示了一个简单的Web页面,其中一个大的DIV区域以两种方式响应鼠标的移动事件。代码清单4-7 mousemat.html首先,它在writeStatus()函数中更新了浏览器的状态条,然后在drawThumbnail()函数中通过在旁边小的缩略视图区域中重新定位一个点,更新自己在这个区域的映像,以此来复制鼠标光标位置的移动...
Ajax实战:使用CSS间接添加事件 2017年02月06日 63 阅读 Ajax实战:使用CSS间接添加事件2011-09-06希赛网让我们来看一个简单的例子,在这里将鼠标事件绑定在虚拟的音乐键盘的键 上。代码清单4-1定义了一个包含原始文档结构的简单页面。代码清单4-1 musical.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st...
Ajax实战:使用JavaScript操作DOM 2017年02月06日 61 阅读 Ajax实战:使用JavaScript操作DOM2011-09-06希赛网在任何应用中,我们都需要在用户的使用过程中改变用户界面,为用户执行 的操作和完成的进度提供反馈。这些反馈包括修改单个元素的标签或颜色、弹出 临时的对话框、使用一组全新的UI组件替换大部分的屏幕内容等等。到目前为止 ,最常见的方式就是,通过提供给浏览器一段声明式的HTML来构造DOM树(换句话 说,也就是编写HTML页面)。我们在代码清单2-2和图2-3中显示的文档有点太大和太复杂了,...
Ajax实战:为客户端生成XML数据 2017年02月06日 59 阅读 Ajax实战:为客户端生成XML数据2011-09-06希赛网代码清单3-5展示了实现这个特定需求的迅速而粗糙[13]的解决方案。这个例 子使用PHP和MySQL数据库,但是我们关注的重点是大体上的结构。如果换成ASP 、JSP或者Ruby脚本,可能会得到结构类似的代码。代码清单3-5 迅速而随性地从数据库查询结果生成XML数据流代码清单3-5中的PHP页面可以生成类似于代码清单3-6的XML页面,在这个例 子中,数据库里有两个匹配的产品。这里,代码进行了...
Ajax实战:为文档增加样式 2017年02月06日 67 阅读 Ajax实战:为文档增加样式2011-09-06希赛网到目前为止,我们已经考察了使用DOM来操作文档的结构(一个元素如何被另 外一个元素所包含,诸如此类)。这使得我们可以有效地改造在静态HTML中声明 的结构。DOM还提供了另外一类方法,允许以编程方式修改元素的样式和改造定 义在样式表中的结构。通过DOM操作,Web页面上的每一个元素都可以拥有多种视觉样式,例如位置 、高度和宽度、颜色、边框和空白。尽管分别修改每一个属性可以更加精细地控 制元素的外观,但是...
Ajax实战:向服务器发送请求 2017年02月06日 63 阅读 Ajax实战:向服务器发送请求2011-09-06希赛网通过XMLHttpRequest对象向服务器发送请求是一件相当直接的事情。我们需 要做的所有事情就是给它传递一个服务器页面的URL,这个页面将生成数据。就 像下面这样:XMLHttpRequest支持大量的HTTP调用语义,包括用来动态生成页面的可选查 询字符串参数(你可能已经知道这些CGI参数、Form参数或者ServletRequest参数 ,取决于服务器端开发背景)。在考察请求对象如何支持这些功...
Ajax实战:寻找DOM节点 2017年02月06日 66 阅读 Ajax实战:寻找DOM节点2011-09-06希赛网用JavaScript操作DOM的第一件事就是找到要修改的元素。前面已经提到,我 们开始只能得到根节点的一个引用,它保存在全局变量document中。DOM中的每 一个节点都是document的子节点(或孙节点、曾孙节点等等),但是要在大型的复 杂文档中,一步一步地缓慢搜寻是件体力活。幸运的是,我们可以走一些捷径。 最常用的方法就是给元素附加唯一的ID。在代码清单2-5的onload()函数中,我 们想...
Ajax实战:用JavaScript实现观察者 2017年02月06日 60 阅读 Ajax实战:用JavaScript实现观察者2011-09-06希赛网建议的解决方案是定义一个通用的事件路由器对象,它为目标元素附加一个 标准函数,作为一个事件回调,并且维护一个监听器函数的列表。这允许我们以 下面的方式重写mousemat的初始化代码:window.onload=function(){var mat=document.getElementById("mousemat");...var mouseRouter=new jsEvent.Ev...
Ajax实战:在浏览器端应用MVC 2017年02月06日 60 阅读 Ajax实战:在浏览器端应用MVC2011-09-06希赛网我们在前面一直将注意力集中于应用中的小细节。现在可以扩大一下视野, 考虑启动时交付在浏览器上的完整的JavaScript应用。这也可以按MVC模式进行 结构化,由于清晰地分离了关注点,得到较大的优化。在这个级别,模型由业务领域对象组成,视图是整个可编程处理的页面,控 制器是将UI和领域对象相连接的代码中所有事件处理函数的组合。图4-2展示了 这个级别的MVC操作。这可能是对于Ajax开发者最重要的...
Ajax:一个建立Web应用的新途径 2017年02月06日 66 阅读 Ajax:一个建立Web应用的新途径2011-09-06yesky如果要问做什么事是最有吸引力,那就是创建Web应用。毕竟,上次你听到有 人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很cool, 而且都是很创新的项目。抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对 我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对 于Web程序来说无法比拟的响应能力。同样,Web的快速发展,在我们所提供...
UpdatePanel触发javascript脚本技巧 2017年02月06日 54 阅读 UpdatePanel触发javascript脚本技巧2011-09-06 博客园 Clingingboy相信很多同志都已经遇到这个问题了.这个本身不奇怪.下面我们来具体讨论 此问题.一.预呈现数据无法更改1.大家知道,预呈现的数据是无法更改的,以前可能提到过,这里再看demo,自 定义一个控件[DefaultProperty("Text")] [ToolboxData("<{0}:JsControl runat=s...
Thinking in AJAX(一) —— AJAX - X 2017年02月06日 62 阅读 Thinking in AJAX(一) —— AJAX - X2011-09-06众所周知,异步交互、JavaScript脚本和XML封装数据是AJAX的三大特征。其实,在实际应用中,不需要牢牢套死这三条大律,在我看来,AJAX - X,即去掉用XML封装数据,也不失为一种好的设计思路,如果应用恰当,更显轻盈步伐和巧妙思路。一般读取AJAX返回的XML结构的数据时使用XMLHttp的responseXML对象属性,同时,XMLHttp也提供了另外一个属性,...
Thinking in AJAX(二) —— WEB设计 2017年02月06日 64 阅读 Thinking in AJAX(二) —— WEB设计2011-09-06一、AJAX最值得称赞的是异步交互,而不是无刷新很多人都看好AJAX无刷新的技术,以至于认同AJAX就是用来做无刷新的。这个认识是错误的,什么是无刷新?无刷新就是页面无需重载,那什么又是异步交互?异步交互就是一个简单的多线程,当你在一个blog里看文章时,同时也可以利用AJAX进行无刷新的回复提交,看起来虽然也是无刷新,但这里最重要的是异步,即你能一边看文章,一边又能向服务器提交你...
Thinking in AJAX(三)——AJAX框架汇总 2017年02月06日 58 阅读 Thinking in AJAX(三)——AJAX框架汇总2011-09-06基于浏览器的应用框架一般分为两种:Aplication frameworks:提供了浏览器功能,但其最著名的还是在于通过窗口 生成组件建立桌面GUI。Infrastructural frameworks:提供基本的框架功能和 轻便式浏览器端操作,让开发者去创建具体应用,主要功能包括:基于 XMLHttpRequest组件的浏览器交互功能XML解析和操作功能根据 XMLHttpRe...
在ajax开发中集成数据库技术 2017年02月06日 58 阅读 在ajax开发中集成数据库技术2011-09-06一、引言如今,有相当多的Web应用程序,如Backpack,Blinksale和Gmail,都把数据库技术与AJAX集成到一起。通过提供与数据库通讯而不用刷新浏览器这种强有力的技术,这种集成对web应用程序和用户体验产生巨大的影响-这意味着,在用户继续其它交互的同时可以实现实时的数据传输。本文将集中讨论上述技术集成机理。同时提供了完整的参考源码。这个示例是一个简单的职务记录应用程序,其中每个职务包含一个标题...
打造可靠的Ajax应用程序: 第1部分:构建前端 2017年02月06日 67 阅读 打造可靠的Ajax应用程序: 第1部分:构建前端2011-09-06 IBM Brett McLaughlin简介:如今,Ajax 仍然是业界的热门字眼,越来越多的应用程序都采用 Ajax 技术构建。然而,构建一个好的 应用程序并不容易。本文将着重讨论如果构建 直 观易用的受 Ajax 驱动的应用程序。Ajax 并不只是一种技术。大多数开发人员却认为它是,并试图借助诸如 XML 和 JavaScript 这类语言证明其观点。但这种观点非常局限,并且,忽视了...