ajax文档中心

前言
最近尝试在Google App Engine（GAE）平台上构建一个blog，目前进度已经完成将近50%，其中Css和DIV布局折腾得我够呛，对UI一向是个外行，色感拿捏实在没谱，只好仿造Wordpress了--_--||；

为何采用AJAX：
回复是在blog文章阅读中的一个常见的功能，如CSDN的回复等等，但是因为回复内容不多，甚至大多数时间有些朋友经常会仅仅留下mark一下，于是决定在此部分采用ajax刷新；
而本身此Blog系统采用的框架是struts2+JPA，利用ThreadLocal进行事务处理；UI端采用Jquery作为JS框架；

前端界面
1)       首先编写评论提交表单：

<div class="commentor pane">
     <form name="comment_form">
      <input name="articleId" id="articleId" type="hidden" value='<s:property value="article.id" />'/>
      <div class="comment_item">
       <label>
        昵称：
& ......

jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。
jQuery 是什么？
jQuery 由 John Resig 创建于 2006 年初，对于任何使用 JavaScript 代码的程序员来说，它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言，并且希望获得一个能解决文档对象模型（Document Object Model，DOM）脚本和 Ajax 开发中一些复杂问题的库，还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家，jQuery 都会是您的首选。
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery，您可以把握问题的要点，并使用尽可能最少的代码实现您想要的功能。
毫无疑问，jQuery 的原理是独一无二的：它的目的就是保证代码简洁并可重用。当您理解并体会这一原理后，便可以开始学习本教程了，看看 jQuery 对我们的编程方式有多少改进吧。
一些简单的代� ......

通过理解错误的编码方式，可以更好地了解如何正确地进行编码。当然，编写 Asynchronous JavaScript™ +
XML（Ajax）有正确的方法，也有错误的方法。本文将讨论一些需要避免的常见编码实践。
如果人们在第一次就能够将所有事情全部做对，那么这个世界将变得完全不同。Ajax 也是如此。我做了大量的工作以支持 Ajax
开发人员（包括我自己），包括编码、撰写文章和演讲。通过这些工作，我学到了很多关于正确和错误编写 Ajax 的知识。在我的上一篇文章 “五种常见 Ajax 模式：可立即使用这些非常有用的 Ajax 设计模式
” 中，我介绍了五种用于正确编写
Ajax 应用程序的模式。在这篇文章中，我将介绍 Ajax 代码中常见的五种反模式。
您可能会问，什么是反模式（anti-pattern）
？反模式

就是频繁出现的应用程序设计缺陷，已经成为所有人都应该注意的问题。我在这里将从较高的层次进行讨论，而不涉及语法错误和链接问题。
大多数开发人员听说过关于反模式的一个很好的例子：结构化查询语言（Structured Query Language，SQL）的错误使用导致 Web
站点受到 SQL
注入攻击。这种反模式使得公司损失惨重，并暴露了客户记录，而且不幸的是没有一种编程� ......

Asynchronous JavaScript + XML（Ajax）无疑是 2006 年最热门的技术术语，且有望在
2007 得到进一步发展。但是对您的应用程序来说它究竟有什么意义呢？Ajax 应用程序中哪一种常见架构模式应用最广泛呢？本文将介绍五种常见
Ajax 设计模式，可以使用它们作为工作的基础。
的确，Ajax
是 Web 2.0
热门术语，所有人都希望将其应用于自己的站点。但是它对我们究竟有什么意义？工程师该如何在架构的层面上将其集成到自己的站点中？在这篇文章中，我将介绍
Ajax 的基本知识，并展示一些已经成为 Web 2.0 开发最佳实践的 Ajax 设计模式。
请访问 Ajax 技术资源中心
，这是有关 Ajax 编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki 和新闻。任何 Ajax 的新信息都能在这里找到。
首先，Ajax
仅仅是一个涉及一组技术的术语，包括 Dynamic HTML（DHTML）和 XMLHTTPRequest
对象。DHTML 由三个元素组合而成，它们分别是超文本标记语言（Hypertext Markup
Language，HTML）、JavaScript 代码和级联样式表（Cascading Style Sheet，CSS）。在 Web
页面使用 JavaScript 代码，可以动态地改变页面，包括添加、删除或更改页面内容。这就是 DHTML 的动态
部分 ......

    一、白话Ajax的原理
    这个其实要从C/S和B/S的原理说起。Windows操作系统的诞生，为单机通信提供了很大的支持，程序设计也从DOS早期的单任务单用户向网络的分布式应用过度。C/S提供的客户/服务器编程模式为网络应用提供了一个有效的通信手段。浏览器与Web服务器之间的请求/ 服务，就是一个典型的C/S应用。
    有人说，怎么是C/S？这应该是B/S呀！其实是这样理解的：浏览器/Web服务器作为我们实现网页发布的一个平台，对于我们在这个平台上开发的应用，我们的应用是由浏览器从Web服务器上下载下来然后展示在浏览器的“容器”里的，我们的应用是B/S模式的。但是浏览器与Web服务器的通信，却是C/S模式的。可以说，B/S模式是建立在C/S模式之上的。
    Windows早期的桌面应用程序(包括单机程序和C/S结构的网络应用程序)，其界面是调用Windows的API来实现的，后来，出现了VB、Delph(VCL)、VC++(MFC)等应用程序框架，把繁杂的API包装起来，使Windows程序开发难度大大降低、效率大大提高。
    进入B/S编程阶段后，我们只需要面向Web服务器和浏览器编程，不需要考虑网络通信和并发 ......

    四、常见Ajax编程框架
    既然上述Ajax框架已经能工作了，为什么还有那么多的框架呢？
    随着页面的复杂，可能需要书写大量的Javascript脚本来对页面中的DOM对象进行控制，工作量和复杂度会大大增加。Ajax编程框架通常利用面向对象的方法，对一些基本的对象和行为及其复杂性进行了合理的封装，建造了一套有自己特色的类库，并且考虑了效率和可扩充性等优点。我们在开发时，可以使用较少的、更清晰的代码，完成自己的工作。也使程序员有更多的时间和精力考虑业务逻辑本身，而不是与一堆脚本纠缠在一起。
    框架都是与后台脚本相关的。通过后台脚本编程，我们可以不必书写大量的Javascript脚本就能构建浏览器兼容的Ajax应用。
    比如，我使用一个比较流行的PHP xAjax框架，对前边的示例程序进行了改写：
    <?php
      require_once ("../xajax/xajax.inc.php");
      //服务器处理函数
      function processForm($aFormValues)
      {
......

struts2结合jquery的Ajax应用

使用 jQuery 简化 Ajax 开发

Ajax 和 XML: 五种 Ajax 反模式

Ajax 和 XML: 五种 Ajax 反模式

Ajax 和 XML: 五种常见 Ajax 模式

Ajax 和 XML: 五种常见 Ajax 模式

白话 Ajax 及其入门基础(1)

白话 Ajax 及其入门基础(2)