97久久精品,精品视频免费在线,国产精品国产三级国产aⅴ9色

谭明 — Sun, 21 Oct 2007 11:14:00 GMT

1.什么是Ajax?
Ajax的全�U�是�Q�AsynchronousJavaScript+XML

2.Ajax的定义：
Ajax不是一个技术，它实际上是几�U�技术，每种技术都有其独特�q�处�Q�合在一起就成了一个功能强大的新技术�?

3.Ajax包括�Q?
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显�C�和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest�q�行异步数据接收
使用JavaScript��它们绑定在一�?

Web开发领域的最新时髦术语其实质�?#8220;旧貌换新�?#8221;�?

Ajax�Q�AsynchronousJavaScriptandXML�Q�是�l�合了Java技术、XML以及JavaScript�{�编�E�技术，可以让开发�h员构建基于Java技术的Web应用�Q��ƈ打破了��用页面重载的惯例�?

Ajax是��用客��L��脚本与Web服务器交换数据的Web应用开发方法。这��P��Web��面不用打断交互��程�q�行重新加裁�Q�就可以动态地更新。��用Ajax�Q�用户可以创建接�q�本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面�?

异步JavaScript和XML�Q�AJAX�Q�不是什么新技术，而是指这样一�U�方法：使用几种现有技术——包括��联样式表�Q�CSS�Q�、JavaScript、XHTML、XML和可扩展样式语言转换�Q�XSLT�Q�，开发外观及操作�c�M��桌面软�g的Web应用软�g。实现Ajax的所有组仉��已存在了许多�q�。AdaptivePath的用户体验战略部门主��兼创办合伙人JesseJamesGarrett今年2月发表在AdaptivePath�|�站上的一��文章中杜撰了这个术语�?

异步�q�个词是指AJAX应用软�g与主机服务器�q�行联系的方式。如果��用旧模式�Q�每当用��h��行某�U�操作、向服务器请求获得新数据�Q�Web��览器就会更新当前窗口�?

如果使用AJAX的异步模式，��览器就不必�{�用戯��求操作，也不必更新整个窗口就可以昄��新获取的数据。只要来回传送采用XML格式的数据，在浏览器里面�q�行的JavaScript代码��可以与服务器进行联�p�R��JavaScript代码�q�可以把样式表加到检索到的数据上�Q�然后在现有�|�页的某个部分加以显�C��?

在面向消费者的诸多应用当中�Q�Google的Gmail和GoogleMaps��是最常见的例子。在Gmail当中�Q�AJAX负责如何开启线�E�会话，以显�C�Z��同邮件的文本内容。而在Maps当中�Q�AJAX允许用户以一�U�似乎无�~�的方式拖拉及滚动地图�?

�q�有雅虎的Flickr像片�׃�n应用和亚马逊网站的A9搜烦引擎。另外，雅虎新的Web邮�g服务可能很快��׃��吸引AJAX支持者的莫大��x��Q�这��Ҏ��务基于雅虎收购Oddpost后得到的技术�?

�q�些UI都充分地使用了后台通道�Q�也被一些开发者称�?#8220;Web2.0”�Q��ƈ��D��了大家对Ajax应用兴趣的猛涨�?

然而，AJAX应用软�g厂商��来��把目光瞄准了企业。譬如说�Q�Scalix的WebAccess电子邮�g应用软�g其实比微软Outlook自己的Web邮�g界面更像Outlook�?

不过AJAX应用软�g的适用领域��h��一定的局限性。因为它们利用了一些最新的Web技术，所以只能在某些Web��览器里面运行——不�q�AJAX适用的浏览器正越来越多�?

Ajax

Ajax�Q�异步JavaScript与XML�Q�是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这��P��Web��面不用打断交互��程�q�行重新加裁�Q�就可以动态地更新。��用Ajax�Q�你可以创徏接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面�?

Ajax处理�q�程

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允�怸�个客��L��脚本来执行HTTP��h��Q��ƈ且将会解析一个XML格式的服务器响应。Ajax处理�q�程中的�W�一步是创徏一个XMLHttpRequest实例。��用HTTP�Ҏ��Q�GET或POST�Q�来处理��h��Q��ƈ��目标URL讄��到XMLHttpRequest对象上�?

现在�Q�记住Ajax如何首先处于异步处理状态？当你发送HTTP��h��Q�你不希望浏览器挂�v�q�等待服务器的响应，取而代之的是，你希望通过��面�l�箋响应用户的界面交互，�q�在服务器响应真正到辑֐�处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函敎ͼ��q�异步地�z�֏�XMLHttpRequest��h��。控制权马上��p��q�回到浏览器�Q�当服务器响应到达时�Q�回调函数将会被调用�?

在JavaWeb服务器上�Q�到辄��h��与�Q何其它HttpServletRequest一栗��在解析��h��参数后，servlet执行必需的应用逻辑�Q�将响应序列化到XML中，�q�将它写回HttpServletResponse�?

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允�怸�个客��L��脚本来执行HTTP��h��Q��ƈ且将会解析一个XML格式的服务器响应。Ajax处理�q�程中的�W�一步是创徏一个XMLHttpRequest实例。��用HTTP�Ҏ��Q�GET或POST�Q�来处理��h��Q��ƈ��目标URL讄��到XMLHttpRequest对象上�?

现在�Q�记住Ajax如何首先处于异步处理状态？当你发送HTTP��h��Q�你不希望浏览器挂�v�q�等待服务器的响应，取而代之的是，你希望通过��面�l�箋响应用户的界面交互，�q�在服务器响应真正到辑֐�处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函敎ͼ��q�异步地�z�֏�XMLHttpRequest��h��。控制权马上��p��q�回到浏览器�Q�当服务器响应到达时�Q�回调函数将会被调用�?

在JavaWeb服务器上�Q�到辄��h��与�Q何其它HttpServletRequest一栗��在解析��h��参数后，servlet执行必需的应用逻辑�Q�将响应序列化到XML中，�q�将它写回HttpServletResponse�?

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允�怸�个客��L��脚本来执行HTTP��h��Q��ƈ且将会解析一个XML格式的服务器响应。Ajax处理�q�程中的�W�一步是创徏一个XMLHttpRequest实例。��用HTTP�Ҏ��Q�GET或POST�Q�来处理��h��Q��ƈ��目标URL讄��到XMLHttpRequest对象上�?

现在�Q�记住Ajax如何首先处于异步处理状态？当你发送HTTP��h��Q�你不希望浏览器挂�v�q�等待服务器的响应，取而代之的是，你希望通过��面�l�箋响应用户的界面交互，�q�在服务器响应真正到辑֐�处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函敎ͼ��q�异步地�z�֏�XMLHttpRequest��h��。控制权马上��p��q�回到浏览器�Q�当服务器响应到达时�Q�回调函数将会被调用�?

在JavaWeb服务器上�Q�到辄��h��与�Q何其它HttpServletRequest一栗��在解析��h��参数后，servlet执行必需的应用逻辑�Q�将响应序列化到XML中，�q�将它写回HttpServletResponse�?/ca>

谭明 2007-10-21 19:14 发表评论

AJAX DWR基本使用向导(�?

谭明 — Tue, 16 Oct 2007 17:18:00 GMT

前言aJax也许很多人比较熟悉，但是dwr可以是应用ajax变得非常的简单，大大提高开发效率，而且dwr�q�提供了很多有用的js代码�Q�可以说是如虎添��{�?

应用解释可能有部分�h�Ҏ��不知道aJax和dwr是什么东西，用来做什么的�Q�既然标题是基本使用�Q�那我就从dwr有什么用来说说。一般来��_��不管是jsp或者是asp要访问数据库都得submit一个form�Q�然后获取数据库或者执行部分逻辑�Q�接着web跳了另外一��|��执行的结果显�C�出来。这个过�E�web相对于是��h��了一下。那么有什么办法可以��oweb不刷斎ͼ�而页面又可以和数据库交互数据呢？有，��是ajax技术，利用web 对象把数据以xml方式submit到web server�Q�然后返回结果，中间全部用javascript操作�Q�页面不闪动或者刷新。但是自己操作xml对象未免有点��烦�Q�能不能把这些工作集成到一个对象里面呢�Q�能�Q�就是dwr.下面开始教你如何��用�?/p>

如何使用

下蝲软�g�?a >http://getahead.ltd.uk/dwr/�q�里��可�?/p>

安装软�g包解压��Y件包�Q�把dwr.jar 文�g拯��C��web��目的WEB-INF/lib 目录中，同时�~�辑WEB-INF/web.xml文�g�Q�在此文件中加入

dwr-invoker
DWR Servlet
uk.ltd.getahead.dwr.DWRServlet
debug
true
dwr-invoker
/dwr/*

另外�Q�在WEB-INF目录中徏立一个dwr.xml 文�g�Q�文件内容入�?br />

"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">

�q�个可以说也是dwr的配�|�文件最后，重新启动你的tomcat或者resin�{�jsp web server.

��试安装效果在ie敲入http://localhost�Q?080/[YOUR-WEBAPP]/dwr/

如果成功昄��面�Q�那说明你安装正��了�?

应用于网��|��试页会显�C�JDate �Q�java.util.Date�Q?�Q�这个是也是例子�Q�通过javascript调用web server中的java.util.Date�Q�也相当于调用web server里面的一个bean.那么我们如何使用他呢�Q?

你可以在自己的html文�g中加�?

比如我们要用bean中的toLocaleString�Ҏ��q�回一个时间string.那么你可以在javascript中编�?br />

function displayLocaleDate()
{
var str = JDate.toLocaleString();
alert(str);
}

当运行displayLocaleDate�Q�）�Ҏ��׃��弹出旉��?

�ȝ��以上只是个调用服务器Date javabean的简单例子，你可以更加自��q��需要写相应的bean�Q�可以做出非常出色的��Z��web聊天�|�站�Q�或者实时图表显�C�应用�?

谭明 2007-10-17 01:18 发表评论

DWR实现省市县三�U�联�?�?

谭明 — Tue, 16 Oct 2007 17:14:00 GMT

本例子是由MySQL数据库，�l�合前台使用Struts来完成的。主要是��Z��说明DWR的��用，所以对于数据库的设计等�{�都较简单，大家觉得那里有什么不合理之处��L��我留�a��Q�数据库创徏的脚本在附�g里面�?
数据库的大概设计是，共有三个字段[id,name,parentid]�Q�顾名思义�Q�id��是唯一标示一条记录，name存放的是省市县的名称�Q�parentid存放的其上��的id�Q�例如对于省一�U�别的，其parentid全部�?�Q�对于市一�U�别的，其parentid存放的是所对应省的id�Q�对于县一�U�别的，其parentid存放的是所对应市的id�?
首先在进入显�C�页面的时候就把所有的parentid=0的全部查出来�Q�初始化�q�入省所在的下拉列表中，然后�Ҏ��选择省的下拉列表�Q�通过DWR调用java�Ҏ��其所对应的市取出来，以此�c�L��……
�q�里主要需要说明的是在web.xml里面需要配�|�如下：

代码

<servlet>
<servlet-name>dwr-invokerservlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServletservlet-class>
<init-param>
<param-name>debugparam-name>
<param-value>trueparam-value>
init-param>
servlet>
<servlet-mapping>
<servlet-name>dwr-invokerservlet-name>
<url-pattern>/dwr/*url-pattern>
servlet-mapping>

然后在web.xml的同目录下，创徏一�?span style="color: red">dwr.xml�Q�配�|�如下：

代码

xml version="1.0" encoding="UTF-8"?>
>
<dwr>
<allow>
<create creator="new" javascript="province">
<param name="class" value="com.xinli.struts.service.ProvinceService"/>
create>
allow>
dwr>

对于dwr.xml需要说明的是：
1.creator�Q�定义供javascript调用的新建对象的�Ҏ��Q�也卛_��象的构造方法。其可以包括【new�Q�none�Q�scripted�Q�spring�Q�jsf�Q�struts�Q�pageflow�Q�ejb3】关于creator的具体用法，可以参照http://getahead.org/dwr/server/dwrxml/creators�?
2.javascript�Q�java�c�L��露给��览器所调用的javascript的名�U�ͼ�也就是在jsp��面所出现的js的名�U�C��定和此处所定义的一致�?
3.param�Q�指定create元素所需要的参数�Q�比如其允许创徏的java�cȝ��名称�?
4.name�Q�param元素所指定的参数名�U��?
5.value�Q�param元素所指定的参数倹{�?
后台业务�Ҏ��实现如下ProvinceDAO�Q?

代码

package com.xinli.struts.dao;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.HashMap;
import java.util.Map;
import com.xinli.struts.db.DBManager;
/**
* @author fuhao
*/
public class ProvinceDAO {
private static Connection conn = null;
private static Statement stmt = null;
private static ResultSet rs = null;
// 全取所有的parentid=0的记�?也即��所有的省查询出�?攑օ�Map�?
public Map getFirst() throws SQLException {
Map map = new HashMap();
String sql = "select * from province where parentid = " + 0;
try {
conn = DBManager.getConnection();
stmt = conn.createStatement();
rs = stmt.executeQuery(sql);
while (rs.next()) {
map.put(rs.getInt("id"), rs.getString("name"));
}
return map;
} catch (Exception e) {
System.out.println("----获得省的�Ҏ��出现异常:" + e);
e.printStackTrace();
return null;
} finally {
if (rs != null && stmt != null && conn != null) {
rs.close();
stmt.close();
conn.close();
}
}
}
// �Ҏ��parentid获得其下所对应的记�?
public Map getChildByParentId(String id) throws SQLException {
Map map = new HashMap();
String sql = "select * from province as p where p.parentid =" + id;
try {
conn = DBManager.getConnection();
stmt = conn.createStatement();
rs = stmt.executeQuery(sql);
while (rs.next()) {
map.put(rs.getInt("id"), rs.getString("name"));
}
return map;
} catch (Exception e) {
System.out.println("----�Ҏ��父id获得子记录的�Ҏ��出现异常:" + e);
e.printStackTrace();
return null;
} finally {
if (rs != null && stmt != null && conn != null) {
rs.close();
stmt.close();
conn.close();
}
}
}
}

谭明 2007-10-17 01:14 发表评论

什么是DWR(�?

谭明 — Tue, 16 Oct 2007 17:08:00 GMT

DWR是Direct Web Remoting 的羃写�?br />
DWR 是一个开放源码的使用 Apache 许可协议的解��x��案，它包含服务器�?Java 库、一�?DWR servlet 以及 JavaScript 库。虽�?DWR 不是 Java �q�_��上唯一可用�?Ajax-RPC 工具包，但是它是最成熟的，而且提供了许多有用的功能�?br /> 从最��单的角度来说�Q�DWR 是一个引擎，可以把服务器�?Java 对象的方法公开�l?JavaScript 代码。��?DWR 可以有效��C��应用�E�序代码中把 Ajax 的全部请�?响应循环消除掉。这意味着客户端代码再也不需要直接处�?XMLHttpRequest 对象或者服务器的响应。不再需要编写对象的序列化代码或者��用第三方工具才能把对象变�?XML。甚至不再需要编�?servlet 代码�?Ajax ��h��调整成对 Java 域对象的调用�?br /> DWR 是作�?Web 应用�E�序中的 servlet 部��v的。把它看作一个黑盒子�Q�这�?servlet 有两个主要作用：首先�Q�对于公开的每个类�Q�DWR 动态地生成包含�?Web ��面中的 JavaScript。生成的 JavaScript 包含存根函数�Q�代�?Java �c�M��的对应方法�ƈ在幕后执�?XMLHttpRequest。这些请求被发送给 DWR�Q�这时它的第二个作用��是把请求翻译成服务器端 Java 对象上的�Ҏ��调用�q�把�Ҏ��的返回值放�?servlet 响应中发送回客户端，�~�码�?JavaScript。DWR �q�提供了帮助执行常见的用��L��面�Q务的 JavaScript 工具函数�?/div>

util.js util.js包含了一些��用的�Ҏ��Q�从而帮助你利用j avascript(可能)从服务器端更��C��的web数据�?/div>

你可以在DWR之外的地方��用它�Q�因为它�q�不依赖与DWR而实现�?/div>

它包含四个页面处理函敎ͼ�getValue[s]()、setValue[s]()作用于除tables、lists和images以外的大多数html元素。getText()作用于select lists�?/div>

addRows()和removeAllRows()用于�~�辑tables。addOptions()和removeAllOptions()用于�~�辑lists(如：select lists、ul、ol)�?/div>

$()
$函数(在j avascript中，他的名字是合法的)的思想是从prototype引进的。一般说来，$ = document.getElementById。在以后你花大量旉��q�行ajax�~�程的时候，在合适的地方使用�q�种格式是很有益的�?/div>

'$'通过�l�定的ID在当前HTML��面扑ֈ�元素�Q�如果多于一个的参数被提交，它就会返回一个包含已扑ֈ�元素的数�l�。这个函��C��prototype的library中得到的灉|��Q�而且�Q�它�q�能更好的工作在不同的浏览器中�?/div>

Generating Lists

DWR的一个功能可以给一个下拉列�?select list)��d��选项�Q�只需使用DWRUtil.addOptions()�?/div>

如果你在更新列表之前�Q�希望保留一些选项�Q�你需要写以下一些代码：

     var sel = DWRUtil.getValue(id);
     DWRUtil.removeAllOptions(id);
     DWRUtil.addOptions(id, ...);
     DWRUtil.setValue(id, sel);

如果你想有个初始化选项�Q�如�Q?#8220;please select”�Q�你可以直接使用�Q?/div>

DWRUtil.addOptions(id, ["Please select"]);

DWRUtil.addOptions �?�U�调用方法：Array: DWRUtil.addOptions(selectid, array) 。selectid为目标ID,array为每一��的text�?/div>

Array of objects (option text = option value): DWRUtil.addOptions(selectid, data, prop) 用text和value的集合来为每一个数�l�元素创��Z��个选项�Q�pro参数指定text和value的倹{�?/div>

Array of objects (with differing option text and value): DWRUtil.addOptions(selectid, array, valueprop, textprop) 用text和value的集合来为每一个数�l�元素创��Z��个选项�Q�valueprop��定value�Q�textprop��定text�?/div>

Object: DWRUtil.addOptions(selectid, map, reverse) 为map中每一个属�?property)创徏一个选项�Q�属性名作�ؓ选项的value�Q�属性的value作�ؓ选项的text。这样做看�v来是错的�Q�但实际上这�U�做法的��是正确的。如果reverse参数被设�|��ؓtrue�Q�则属性的value�q�是被用做选项的value�?/div>

Map of objects: DWRUtil.addOptions(selectid, map, valueprop, textprop) 为map中的每一个对象创��Z��个选项�Q�valueprop指定选项的value�Q�textprop指定选项的text�?/div>

Generating Tables

DWRUtil.addRows() 从一个数�l?�W�二个参�?取得��|��创徏table的每一行。从另一个数�l?�W�三个参�?��d��|��为table的每一行创��q�列�?/div>

DWRUtil.getText(id)

可以�Ҏ��id取得text的��|��q�个�Ҏ��只能用于select list

DWRUtil.getValue(id)

可以�Ҏ��id取得value�Q��用这个方法，你不必在意div和select list的不同�?/div>

DWRUtil.getValues()

getValues() is similar to getValue() except that the input is a Javascript object that contains name/value pairs. The names are assumed to be the IDs of HTML elements, and the values are altered to reflect the contents of those IDs. This method does not return the object in question, it alters the value that you pass to it.
�q�个�Ҏ��和getValue()一��P��只是它传入的是一个包含名字和数值的j avascript对象.�q�个名字��是HTML元素的ID。这个方法不会返回�Q何对象，它只会将ID的value映射�l�传入的value。例�Q?/div>

function doGetValues() {

var text= "{
div:null,
textarea:null,
select:null,
text:null,
password:null,
formbutton:null,
button:null
}";
var object = objectEval(text);    //j avascript对象
DWRUtil.getValues(object);
var reply = DWRUtil.toDescriptiveString(object, 2);   //toString
reply = reply.replace(/n/g, "
");                        //转意
DWRUtil.setValue("getvaluesret", reply);                     //昄��
}

DWRUtil.onReturn

贴一�D�代码，暂时不理解，用onReturn和不用有什么区�?/div>

submitFunction called

DWRUtil.selectRange

在一个input box里选一个范�?/div>

DWRUtil.selectRange("sel-test", $("start").value, $("end").value);

DWRUtil.setValue(id, value)

用ID扑ֈ�元素�Q��ƈ更新value

DWRUtil.setValues()

和setValue(id,value)一��P��只是它需要的参数是个j avascript对象�Q�如�Q?/div>

DWRUtil.setValues({
div: "new div content",
password: "1234567890"
});

DWRUtil.toDescriptiveString

带debug信息的toString�Q�第一个�ؓ��要debug的对象，�W�二个参��Cؓ处理�{��。等�U�如下：

0: Single line of debug 单行调试
1: Multi-line debug that does not dig into child objects 不分析子元素的多行调�?nbsp;
2: Multi-line debug that digs into the 2nd layer of child objects 最多分析到�W�二层子元素的多行调�?nbsp;
And so on. Level 2 and greater probably produce too much output.

�ȝ��Q�DWR不但屏蔽了许多client与server交互的重复且复杂的代码，而且�q�提供了一些常用的�Ҏ��Q�一些思想�q�是从prototype�l�承而来�Q��ƈ有一定的改进。同�Ӟ��它也考虑��C��与struts、hibernate、spring的结合问题�?/div>

需要注意的是，DWR是一�U�把服务器端的java代码通过j avascript直接从浏览器调用的方�?DWR is a way of calling Java code on the server directly from Javascript in the browser.)�Q�而不是一个j avascript的库(Generally speaking DWR is not a generic JavaScript library so it does not attempt to provide fill this need. However this is one of these really useful functions to have around if you are doing Ajax work.)能做到怎么多，已经很难得了�?/div>

DWR�?4�q?1月草案提出到现在的Version 1.1 beta 3(2005-12-29)�Q�已�l�更新发布了20多次了，但愿在ajax的发展大路上�Q�能始终看见DWR的��n影�?/div>

谭明 2007-10-17 01:08 发表评论