DWR 原理简单介绍

使用DWR已经好长一段时间了，可是今天才知道它的工作原理，下面与大家分享，如果有什么不对之处，欢迎指出，大家一起讨论...

 

 

      使用DWR时，页面需要导入engine.js文件，另外还需要导入DWR自动生成的文件（根据用户在dwr.xml中配置信息生成），如：logAjax.js，这个文件是在服务器端是找不到的，不过可以在浏览器的缓存中可以找到。如果页面引入如下:

 

 

<script type="text/javascript" src="<%=webRoot %>/dwr/engine.js"></script>

<script type="text/javascript" src="<%=webRoot %>/dwr/interface/logAjax.js"></script>

 

 

// Provide a default path to dwr.engine
if (typeof this['dwr'] == 'undefined') this.dwr = {};
if (typeof dwr['engine'] == 'undefined') dwr.engine = {};
if (typeof dwr.engine['_mappedClasses'] == 'undefined') dwr.engine._mappedClasses = {};
if (window['dojo']) dojo.provide('dwr.interface.logAjax');
if (typeof this['logAjax'] == 'undefined') logAjax = {};
logAjax._path = '/study/dwr';
/**
 * @param {function|Object} callback callback function or options object
 */
logAjax.getAllLogs = function(callback) {
  return dwr.engine._execute(logAjax._path, 'logAjax', 'getAllLogs', arguments);
};
/**
 * @param {function|Object} callback callback function or options object
 */
logAjax.getLogService = function(callback) {
  return dwr.engine._execute(logAjax._path, 'logAjax', 'getLogService', arguments);
};
/**
 * @param {class com.xdja.log.LogService} p0 a param
 * @param {function|Object} callback callback function or options object
 */
logAjax.setLogService = function(p0, callback) {
  return dwr.engine._execute(logAjax._path, 'logAjax', 'setLogService', arguments);
};

 

当访问该页面，并执行到上面的代码时，由于配置了/dwr路径，web.xml中配置的DWR的DwrServlet会处理请求，然后将engine.js以流的形式发送给浏览器，同时它还会自动生成logAjax.js ，并同样以流的形式发送给浏览器，这两个文件都可以在浏览器的缓存里找到，我的logAjax.js的内容如下：

可见，当我们在页面中使用logAjax.getAllLogs();调用服务器端Java的方法getAllogs()时，实际上是执行的

dwr.engine._execute(logAjax._path, 'logAjax', 'getAllLogs', arguments);

该请求同样被DwrServlet处理，然后在dwr.xml中查询到logAjax的对应项目，然后根据配置信息，自己根据反射生成对象或者由Spring注入对象，然后调用方法getAllLogs() 后，将处理结果返回给浏览器，最后执行回调函数...