當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
SpringMvc之整合DWR3.0.0推送消息
生活随笔
收集整理的這篇文章主要介紹了
SpringMvc之整合DWR3.0.0推送消息
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下載地址
http://www.directwebremoting.org/dwr/
https://github.com/directwebremoting/dwr/releases
?
本文以DWR3.0.0為例,搭建步驟如下
?
1.下載zip文件包,項目引入dwr3.0.0jar文件
?
2.web.xml增加如下配置?
<servlet><servlet-name>dwr-invoker</servlet-name><!-- 舊版本用org.directwebremoting.servlet.DwrServlet 新版本用uk.ltd.getahead.dwr.DWRServlet --><servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class><init-param><param-name>debug</param-name><param-value>true</param-value></init-param><init-param><param-name>activeReverseAjaxEnabled</param-name><param-value>true</param-value></init-param><init-param><param-name>crossDomainSessionSecurity</param-name><param-value>false</param-value></init-param><init-param><param-name>allowScriptTagRemoting</param-name><param-value>true</param-value></init-param></servlet><servlet-mapping><servlet-name>dwr-invoker</servlet-name><url-pattern>/js/dwr/*</url-pattern></servlet-mapping>?
?
3.與web.xml同級下增加一個dwr.xml文件
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://directwebremoting.org/schema/dwr30.dtd"> <dwr><allow><!-- 產生的Js的名稱,與前端調用名稱一致 --><create creator="new" javascript="mydwr"><param name="class" value="com.zns.test.dwr.MyDwr" /></create></allow> </dwr>?
?
4.增加一個MyDwr類文件
package com.zns.test.dwr;import java.util.ArrayList; import java.util.Collection; import java.util.List; import org.directwebremoting.Browser; import org.directwebremoting.ScriptBuffer; import org.directwebremoting.ScriptSession; import com.zns.test.common.DwrUtils;public class MyDwr {public String func1(String name) {return "hello: " + name;}public void func2() {Runnable run = new Runnable() {private ScriptBuffer scriptBuffer = new ScriptBuffer();public void run() {// 設置要調用的 js函數及參數scriptBuffer.appendCall("addNum", 10, 20);// 得到所有ScriptSessionCollection<ScriptSession> sessions = Browser.getTargetSessions();// 遍歷每一個ScriptSessionfor (ScriptSession scriptSession : sessions) {scriptSession.addScript(scriptBuffer);}}};// 執行推送 Browser.withAllSessions(run);// 或者如下方式調用String jsFuncName = "addNum";List args = new ArrayList();args.add(10);args.add(20);DwrUtils.invokeJavascriptFunction(jsFuncName, args);} }?
?
5.增加一個DwrUtils工具類
package com.zns.test.common;import java.util.Collection; import java.util.List; import org.directwebremoting.Browser; import org.directwebremoting.ScriptBuffer; import org.directwebremoting.ScriptSession;public class DwrUtils {/*** 調用頁面javascript函數* * @param functionName* 函數名* @param args* 參數列表*/public static void invokeJavascriptFunction(String _funcName, List _args) {final String funcName = _funcName;final List args = _args;Browser.withAllSessions(new Runnable() {private ScriptBuffer script = new ScriptBuffer();public void run() {// 拼接javascriptscript = script.appendScript(funcName + "(");for (int i = 0; i < args.size(); i++) {if (i != 0) {script = script.appendScript(",");}script = script.appendData(args.get(i));}script.appendScript(")");// System.out.println(script.toString());Collection<ScriptSession> sessions = Browser.getTargetSessions();for (ScriptSession scriptSession : sessions) {scriptSession.addScript(script);}}});} }?
6 增加一個jsp頁面測試,核心代碼如下
<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/dwr/engine.js" type="text/javascript"></script> <script src="js/dwr/interface/mydwr.js" type="text/javascript"></script> <script type="text/javascript">$(function(){dwr.engine.setActiveReverseAjax(true);mydwr.func1("zns",callback1);mydwr.func2();});function callback1(data){alert(data);}function addNum(num1,num2){var total= num1+num2;alert(total);} </script>?
7.訪問jsp頁面 測試效果,基本完畢......
轉載于:https://www.cnblogs.com/zengnansheng/p/10385813.html
總結
以上是生活随笔為你收集整理的SpringMvc之整合DWR3.0.0推送消息的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微服务下的容器部署和管理平台Ranche
- 下一篇: JavaScript对象的几种创建方式?