1. DWR development steps:

  1. The introduction of dwr.jar package (the latest is 2.0):
  2. Web.xml configuration file, by adding the following code:
    <servlet>
      <servlet-name>dwr-invoker</servlet-name>
      <servlet-class>
       org.directwebremoting.servlet.DwrServlet
      </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>
     </servlet-mapping>
  3. WEB-INF file dwr.xml create
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE dwr PUBLIC
        "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
        "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
    <dwr>
    	<allow>
    		<create javascript="xsajbxxService" creator="spring">
    			<param name="beanName" value="XsjbxxService"></param>
    		</create>
    		<create javascript="testClass" creator="new">
    			<param name="class" value="org.dwr.util.TestClass"></param>
    		</create>
    		<convert match="org.dwr.entity.XsaJbxx" converter="bean">
    			<param name="include" value="xsid,xh,xm,xbmc"></param>
    		</convert>
    	</allow>
    </dwr>
  4. The preparation of the script page
    <script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/xsajbxxService.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
    <script type="text/javascript">
    	function getXsaJbxx(){
    		var xsid=document.getElementById('xsid').value;
    		xsajbxxService.getXsaJbxxById(xsid,load);
    			}
    			function load(data){
    				document.getElementById('xm').innerHTML=data;
    			}
    			
    		    function getXsByxxdm(){
    		    	var xxdm=document.getElementById('xxdm').value;
    		    	xsajbxxService.getXsaJbxxList(xxdm,datalist);
    		    }
    		    function datalist(data){
    		    	var xslist='';
    		    	for(var i=0;i<data.length;i++){
    		    		xslist=xslist+'编号:'+data[i].xsid+'学籍号:'+data[i].xh+'姓名:'+data[i].xm+'性别:'+data[i].xbmc+'<br/>';
    		    		
    		    	}
    		    	document.getElementById('xs').innerHTML=xslist;
    		    }
    		</script>
    Note:
  5. Dwr introduced a built-in page when the script should be added <% = request.getContextPath ()%>, Otherwise, there will be the issue of this depressed;