<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>四季如風 &#187; ajax</title>
	<atom:link href="http://www.hjide.com/tag/ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hjide.com</link>
	<description>每一天我們都在進步</description>
	<lastBuildDate>Fri, 03 Feb 2012 06:26:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>ajax和struts结合实现无刷新验证用户名是否存在</title>
		<link>http://www.hjide.com/article/189.htm</link>
		<comments>http://www.hjide.com/article/189.htm#comments</comments>
		<pubDate>Mon, 29 Jan 2007 03:48:27 +0000</pubDate>
		<dc:creator>堕落天使</dc:creator>
				<category><![CDATA[JS/AJAX]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jsp]]></category>

		<guid isPermaLink="false">http://blog.tgb.net.cn/?p=189</guid>
		<description><![CDATA[页面端(login.jsp):&#60;%@ page language=&#34;java&#34; import=&#34;java.util.*&#34; pageEncoding=&#34;gb2312&#34;%&#62;&#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34;&#62;&#60;html&#62; &#160;&#60;head&#62; &#160;&#60;TITLE&#62;Ajax验证用户名是否存在例子&#60;/TITLE&#62; &#160;&#60;script&#62; &#160; &#160;//设一个变量 &#160; &#160;var XMLHttpReq=false; &#160; //创建一个XMLHttpRequest对象 &#160; function createXMLHttpRequest(){ &#160; &#160; if(window.XMLHttpRequest){ //Mozilla &#160; &#160; &#160;XMLHttpReq=new XMLHttpRequest(); &#160; &#160; &#160;} &#160; &#160; &#160;else if(window.ActiveXObject){ &#160; &#160; &#160; try{ &#160; &#160; &#160; &#160;XMLHttpReq=new ActiveXObject(&#34;Msxml2.XMLHTTP&#34;); &#160; &#160; &#160; &#160;}catch(e){ &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://www.hjide.com/article/189.htm/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>DWR中文文档</title>
		<link>http://www.hjide.com/article/168.htm</link>
		<comments>http://www.hjide.com/article/168.htm#comments</comments>
		<pubDate>Thu, 18 Jan 2007 13:28:35 +0000</pubDate>
		<dc:creator>堕落天使</dc:creator>
				<category><![CDATA[JS/AJAX]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[dwr]]></category>

		<guid isPermaLink="false">http://blog.tgb.net.cn/?p=168</guid>
		<description><![CDATA[DWR中文文档对应源文档2006年8月7号版原文地址：http://getahead.ltd.uk/dwr/documentation]]></description>
		<wfw:commentRss>http://www.hjide.com/article/168.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>DWR让Ajax如此简单</title>
		<link>http://www.hjide.com/article/167.htm</link>
		<comments>http://www.hjide.com/article/167.htm#comments</comments>
		<pubDate>Thu, 18 Jan 2007 13:18:32 +0000</pubDate>
		<dc:creator>堕落天使</dc:creator>
				<category><![CDATA[JS/AJAX]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[dwr]]></category>

		<guid isPermaLink="false">http://blog.tgb.net.cn/?p=167</guid>
		<description><![CDATA[出处:Matrix　　这篇文章阐述了使用开源项目DWR(直接Web远程控制)和Ajax(异步JavaScript和XML)的概念来提高Web应用的可用性。作者一步步来展示DWR如何使得Ajax的应用既简单又快捷。　　Ajax，或者说是异步JavaScript和XML，描述了一种使用混合了HTML(或XHTML)和层叠样式表作为表达信息,来创建交互式的Web应用的开发技术;文档对象模型(DOM)，JavaScript,动态地显示和与表达信息进行交互;并且，XMLHttpRequest对象与Web服务器异步地交换和处理数据。　　因特网上许多例子展示了在一个HTML文件内部使用XMLHttpRequest与服务器端进行交互的必要的步骤。当手工地编写和维护XMLHttpRequest代码时，开发者必须处理许多潜在的问题，特别是类似于跨浏览器的DOM实现的兼容性这样的问题。这将会导致在编码和调试Javascript代码上面花费数不清的时间，这显然对开发者来说很不友好。　　DWR(直接Web远程控制)项目是在Apache许可下的一个开源的解决方案，它供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者。它具有一套Javascript功能集，它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它操控不同类型的参数，并同时保持了HTML代码的可读性。　　DWR不是对一个设计的插入，也不强迫对象使用任何种类的继承结构。它和servlet框架内的应用配合的很好。对缺少DHTML编程经验的开发者来说，DWR也提供了一个JavaScript库包含了经常使用的DHTML任务，如组装表，用item填充select下拉框，改变HTML元素的内容，如&#60;div&#62;和&#60;span&#62; 　　DWR网站是详尽的并且有大量的文档，这也是这篇文章的基础。一些例子用来展示DWR如何使用和用它的库可以完成什么样的工作。　　这篇文章让读者看到了一个使用了DWR的Web应用是如何一步步建立的。我会展示创建这个简单的示例应用的必要的细节，这个应用是可下载的并且可以在你的环境中布署来看看DWR如何工作。　　注意:找到有关Ajax的信息并不困难;网页上有几篇文章和博客的条目涵盖了这个主题，每一个都试图指出和评论这个概念的不同的方面。在资源部分，你会找到一些有趣的指向示例和文章的链接，来学习Ajax的更多的内容。　　示例应用　　这篇文章使用的示例应用模拟了多伦多的一个公寓出租搜索引擎。用户可以在搜索前选择一组搜索标准。为了提高交互性，Ajax中以下两种情况下使用:　　·应用通告用户配合他的选择会返回多少搜索结果。这个数字是实时更新的-使用Ajax-当用户选择的卧室和浴室的数量，或者价格范围变化时。当符合标准的搜索结果没有或太多时，用户就没有必要点击搜索按纽。　　·数据库查询并取回结果是由Ajax完成的。当用户按下显示结果按钮时，数据库执行搜索。这样，应用看起来更具响应了，而整个页面不需要重载来显示结果。　　数据库　　我们使用的数据库是HSQL，它是一种占用资源很小的Java SQL数据库引擎，可以不需要安装和配置的与Web应用捆绑在一起。一个SQL文件被用来在Web应用的上下文启动时创建一个内存中的表并添加一些记录。　　Java类　　应用包含了两个主要的类叫Apartment和ApartmentDAO。Apartment.java类是一个有着属性和getter/setter方法的简单的Java类。ApartmentDAO.java是数据访问类，用来查询数据库并基于用户的搜索标准来返回信息。ApartmentDAO类的实现的直接了当的;它直接使用了Java数据库联接调用来得到公寓的总数和符合用户请求的可用公寓的列表。　　DWR配置和使用　　设置DWR的使用是简单的:将DWR的jar文件拷入Web应用的WEB-INF/lib目录中，在web.xml中增加一个servlet声明，并创建DWR的配置文件。DWR的分发中需要使用一个单独的jar文件。你必须将DWR servlet加到应用的WEB-INF/web.xml中布署描述段中去。 &#160; &#160;&#60;servlet&#62; &#160; &#160; &#160; &#160;&#60;servlet-name&#62;dwr-invoker&#60;/servlet-name&#62; &#160; &#160; &#160; &#160;&#60;display-name&#62;DWR Servlet&#60;/display-name&#62; &#160; &#160; &#160; &#160;&#60;description&#62;Direct Web Remoter Servlet&#60;/description&#62; &#160; &#160; &#160; &#160;&#60;servlet-class&#62;uk.ltd.getahead.dwr.DWRServlet&#60;/servlet-class&#62; &#160; &#160; &#160; &#160;&#60;init-param&#62; &#160; &#160; &#160; &#160; &#160; &#160;&#60;param-name&#62;debug&#60;/param-name&#62; &#160; &#160; &#160; &#160; &#160; &#160;&#60;param-value&#62;true&#60;/param-value&#62; &#160; &#160; &#160; &#160;&#60;/init-param&#62; &#160; &#160;&#60;/servlet&#62; &#160; &#160;&#60;servlet-mapping&#62; &#160; &#160; &#160; &#160;&#60;servlet-name&#62;dwr-invoker&#60;/servlet-name&#62; &#160; [...]]]></description>
		<wfw:commentRss>http://www.hjide.com/article/167.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用 DOM 进行 Web 响应</title>
		<link>http://www.hjide.com/article/166.htm</link>
		<comments>http://www.hjide.com/article/166.htm#comments</comments>
		<pubDate>Tue, 16 Jan 2007 05:42:11 +0000</pubDate>
		<dc:creator>堕落天使</dc:creator>
				<category><![CDATA[JS/AJAX]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://blog.tgb.net.cn/?p=166</guid>
		<description><![CDATA[程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HTML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。 与许多 Web 程序员一样，您可能使用过 HTML。HTML 是程序员开始与 Web 页面打交道的方式；HTML 通常是他们完成应用程序或站点前的最后一步——调整一些布局、颜色或样式。不过，虽然经常使用 HTML，但对于 HTML 转到浏览器呈现在屏幕上时到底发生了什么，人们普遍存在误解。在我分析您认为可能发生的事情及其可能错误的原因之前，我希望您对设计和服务 Web 页面时涉及的过程一清二楚： 1、一些人（通常是您！）在文本编辑器或 IDE 中创建 HTML。3、用户用 Firefox 或 SafariA 等浏览器请求您的 Web 页面。5、浏览器将从服务器接收到的页面以图形和文本方式呈现；用户看到并激活 Web 页面。 这看起来非常基础，但事情很快会变得有趣起来。事实上，步骤 4 和步骤 5 之间发生的巨大数量的 “填充物（stuff）” 就是本文的焦点。术语 [...]]]></description>
		<wfw:commentRss>http://www.hjide.com/article/166.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>面向 Java 开发人员的 Ajax: Google Web Toolkit 入门</title>
		<link>http://www.hjide.com/article/89.htm</link>
		<comments>http://www.hjide.com/article/89.htm#comments</comments>
		<pubDate>Mon, 04 Dec 2006 15:24:23 +0000</pubDate>
		<dc:creator>Jock</dc:creator>
				<category><![CDATA[JS/AJAX]]></category>
		<category><![CDATA[ajax]]></category>

		<guid isPermaLink="false">http://blog.tgb.net.cn/?p=89</guid>
		<description><![CDATA[肖 菁, 唯 J 族创始人2006 年 7 月 03 日Ajax 被用于创建更加动态和交互性更好的 Web 应用程序。Google Web Toolkit (简称GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java 语言开发 Ajax 应用。本文中作者将介绍如何使用 GWT 开发 Ajax 应用的基本方法和步骤。Ajax简介Ajax是 Asynchronous JavaScript and XML（以及 DHTML 等）的缩写，由XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成，是当前Web应用开发领域的热门技术，用于创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。Ajax的核心是JavaScript对象XmlHttpRequest。XmlHttpRequest处理所有服务器通信的对象，是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。Ajax并不是本文的中心关注点，因此这里不再赘述，请大家访问参考资源区的相关链接，了解更多关于Ajax技术和应用方面的知识。为什么选择GWT？众所周知，即使对于Ajax技术非常熟悉的开发者而言，Ajax应用的开发和调试过程也不是一件容易的事情，更困难的是，到目前为止，一直没有出现合适的开发工具能够支持Ajax应用的开发和调试。与此相反的是，Java语言&#8211;企业应用开发的主流语言-的开发和调试过程却因为有各种各样开发工具的支持而简单的多，而且这样的开发工具我们可以免费获得，比如Eclipse、NetBeans。如果能够应用Java语言开发Ajax，Ajax应用开发的最大难题-开发工具的缺失-就将迎刃而解。这种情况下，我们就可以既充分利用Java语言的开发优势降低Ajax应用开发的难度，加快Ajax应用的开发速度，为Ajax的大规模应用创造可能，又可以充分发挥Ajax技术的优势，创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。Google Web Toolkit(简称GWT)的出现为我们提供了这种可能。GWT是Google推出的Ajax应用开发包，支持开发者使用Java语言开发Ajax应用。GWT框架本身是开源的，但是GWT中的开发工具仅仅提供开发用License，不允许分发。GWT提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。开发出来的Java应用将由GWT开发包提供的编译工具编译后声生成对应的、应用了Ajax技术的Web应用，Java应用中出现的、和服务器之间的交互动作被自动生成的异步调用代码所代替。GWT特性GWT除了支持将应用Java语言开发的应用转化为Ajax应用，同时提供了更多的高级特性，下面是这些特性的简单描述。1. GWT编译器GWT编译器是GWT的核心，负责完成将Java代码翻译很Ajax内容的工作。GWT编译器能够翻译Java语言的大部分特性。包括支持Java语言中的基本类型、违例处理等，支持java.lang包和java.util包中的绝大部分类和接口，支持正则表达式和序列化。2. 跨平台支持如果你使用GWT中提供的显示组件(比如Button)和组装组件(比如VerticalPanel)，GWT编译生成的Ajax应用能够支持大部分的浏览器和操作系统，比如Internet Explorer、Firefox等，也能够支持Linux、Windows等不同操作系统。这是因为GWT最大限度的将这些控件翻译成浏览器内置的类型。比如Button类编译后生成的是标准HTML：&#60;input type=&#34;button&#34;&#62;。GWT建议使用CSS修饰页面元素的显示效果。GWT的类中很少提供访问页面元素样式属性的方法，我们可以直接在CSS文件中通过对应的样式名称来设置页面元素的默认显示效果。比如使用 .gwt-Button { font-size: 150%; } 使用Button元素的默认显示效果。3. 宿主模式(Hosted Mode)宿主模式是指我们和没有转换为Ajax应用的GWT应用交互的状态。当我们开发和调试时，我们就一直处在宿主模式下。在这种情况下，Java虚拟机使用GWT内置的浏览器运行GWT应用编译后的class内容，因此能够提供&#34;编码、测试、调试&#34;过程的最佳速度。我们可以运行com.google.gwt.dev.GWTShell启动宿主模式。4. Web模式(Web Mode)Web模式是指已经成功转化为Ajax应用的状态，这种状态下，我们已经开始通过Web方式来访问Ajax应用了。在Web模式下运行时，不再需要GWT工具包或者JVM的支持。5. 命令行工具GWT工具包中提供了几个非常适用的小工具来帮助我们更快的建立GWT应用开发环境：projectCreator、applicationCreator、junitCreator。projectCreator 创建在Eclipse中开发GWT应用所需要的项目基本文件和可选的Ant [...]]]></description>
		<wfw:commentRss>http://www.hjide.com/article/89.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

