DWR第二篇之逆向Ajax
阿新 • • 發佈：2017-08-31
ets sessions engine 開啟 第二篇 pan log import get
1. 本示例在第一篇架構基礎上添加代碼
2. 首先修改web.xml裏dwr的servlet配置：
1 <!-- 配置dwr請求的servlet --> 2 <servlet> 3 <servlet-name>dwr-invoker</servlet-name> 4 <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> 5 <init-param> 6 <param-name>activeReverseAjaxEnabled</param-name> 7 <param-value>true</param-value> 8 </init-param> 9 </servlet> 10 <servlet-mapping> 11 <servlet-name>dwr-invoker</servlet-name> 12 <url-pattern>/dwr/*</url-pattern>13 </servlet-mapping>
3. 在CoreServlet.java裏添加推送消息的方法
1 public void send(final String msg) { 2 // 將接收到的內容推送到所有的瀏覽器 3 Browser.withAllSessions(new Runnable() { 4 @Override 5 public void run() { 6 Util.setValue("msg", msg); 7 } 8 }); 9 }
4. 新建client.jsp用於接受服務器推送的請求
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; 5 %> 6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 7 <html> 8 <head> 9 <base href="<%=basePath%>"> 10 <title>dwr_demo</title> 11 <script type=‘text/javascript‘ src=‘dwr/engine.js‘></script> 12 <script type=‘text/javascript‘ src=‘dwr/util.js‘></script> 13 <script type=‘text/javascript‘ src=‘dwr/interface/CoreServlet.js‘></script> 14 </head> 15 <body> 16 <h1>服務器推送的內容</h1> 17 <span id="msg"></span> 18 </body> 19 <script type="text/javascript"> 20 window.onload = function() { 21 //開啟逆向Ajax功能 22 dwr.engine.setActiveReverseAjax(true); 23 } 24 </script> 25 </html>
5. 修改index.jsp為：
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title>dwr_demo</title> 13 <script type=‘text/javascript‘ src=‘dwr/engine.js‘></script> 14 <script type=‘text/javascript‘ src=‘dwr/util.js‘></script> 15 <script type=‘text/javascript‘ src=‘dwr/interface/CoreServlet.js‘></script> 16 </head> 17 18 <body> 19 <input type="button" value="發送" onclick="sayHello();"> 20 <br> 21 <input type="text" id="getHello"> 22 <input type="button" value="發送" onclick="getHello();"> 23 <input type="text" id="getHelloValue"> 24 <br> 25 <input type="text" id="sendMsg"> 26 <input type="button" value="推送" onclick="sendMsg();"> 27 </body> 28 <script type="text/javascript"> 29 function sayHello() { 30 CoreServlet.sayHello(); 31 } 32 function getHello() { 33 var name = dwr.util.getValue("getHello"); 34 CoreServlet.getHello(name, function(data) { 35 dwr.util.setValue("getHelloValue", data); 36 }); 37 } 38 function sendMsg() { 39 var msg = dwr.util.getValue("sendMsg"); 40 CoreServlet.send(msg); 41 } 42 </script> 43 </html>
6. 測試（註意，需要JDK1.7及以上）
DWR第二篇之逆向Ajax