AJAX框架介绍-JQuery，Ext，DWR

网络整理 - 07-26

框架介绍-JQuery，Ext，DWR

AJAX框架-JQuery
使用JQuery需加载其JavaScript包：
<script type="text/javascript" src="路径/jquery."></script>
利用$()选择器选定标签，使用对应方法
例：
$("document").ready(function(){
alert("helloworld");
});
JQuery是以JSON方式传递参数(即a:1,b:2)

优点：简便易用
缺点：无法定制页面

AJAX框架-EXT
使用EXT需加载包：
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
利用Ext附带的工具包可以很方便的开发图形界面
例：
  <script>
   Ext.onReady(function(){
    Ext.MessageBox.alert("hello","Helloworld");
   });
  </script>
同样的，EXT也使用JSON方式设置参数
创建一个窗口示例：
  <script>
   Ext.onready(function(){
    var win = new Ext.window({title:"hello",
       width:200,height:100,
       html:'<h1>Helloworld</h1>'});
    win.show();
   });
AJAX框架-dwr
DWR是一种服务器框架，可以让Java程序员关注业务的代码而脱离于纠缠代码的编写
使用DWR要对Servlet的web.xml进行配置
<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <servlet-class>org.directwebremoting.servletDwrServlet</servlet-class>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>dwr-invoker</servlet-name>
  <url-pattern>/dwr/*</url-pattern>
</servler-mapping>

使用DWR需配置dwr.xml
<dwr>
  <allow>
   <create creator="new" javascript="类名" scope="session">
    <param name="class" value="类全限定名" />
   </create>
  </allow>
</dwr>