DWR 原理容易介绍
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() 后,将处理结果返回给浏览器,最后执行回调函数...