DWR之初尝
---恢復內容開始---
準備公工作
1.去官網下載jar和war
開發工具
eclipse
開始開發:gogogo
1:建立一個可以跑起來的javaweb項目,最基本的就可以了.
2:導入commons-logging-1.0.4.jar,dwr.jar
3:在web.xml里配置一下
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"id="WebApp_ID" version="3.0"><display-name>Girl_dwr</display-name><welcome-file-list><welcome-file>index.jsp</welcome-file></welcome-file-list><servlet><servlet-name>dwr</servlet-name><servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class><init-param><param-name>activeReverseAjaxEnabled</param-name><param-value>true</param-value></init-param><init-param><param-name>corssDomainSessionSecurity</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</servlet-name><url-pattern>/js/dwr/*</url-pattern></servlet-mapping> </web-app>4:配置dwr.xml
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr><allow><create creator="new" javascript="DWRPush"><param name="class" value="fz.song.girl.util.DWRPush"/></create></allow> </dwr>5:配置一個java類DWRPush
?
package fz.song.girl.util;import java.util.Collection;import org.directwebremoting.ScriptBuffer; import org.directwebremoting.ScriptSession; import org.directwebremoting.WebContext; import org.directwebremoting.WebContextFactory; import org.directwebremoting.proxy.dwr.Util;public class DWRPush {public void send(String msg) {WebContext context = WebContextFactory.get();Collection<ScriptSession> session = context.getAllScriptSessions();ScriptBuffer sb = new ScriptBuffer();sb.appendScript("callback(");sb.appendScript("\""+msg+"\"");sb.appendScript(")");Util util = new Util(session);util.addScript(sb);}}6:寫一個jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="${pageContext.request.contextPath}/js/dwr/engine.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/dwr/util.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/dwr/interface/DWRPush.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.1.1.min.js"></script> <title>DWR_Test</title> <script type="text/javascript">$(document).ready(function() {dwr.engine.setActiveReverseAjax(true);$("#sing").click(function() {var val = $("#message").val();DWRPush.send(val);});});function callback(msg) {$("#ul").append("<li>"+msg+"</li>");} </script></head> <body><ul id="ul" style="color: red; font-size: 60px"></ul><input type="text" id="message" name="message" size="30"style="height: 60px; font-size: 35px"><input type="button" id="sing" value="發布信息"></body> </html>這里的幾個坑要指出來一下;
在java類中那個msg要用引號包裹,否則會出問題.
jsp中那兩個js和你的web.xml里的配置路勁一致.
就是這樣,一個簡單的demo就寫好了.記下來,怕自己忘了.
---恢復內容結束---
轉載于:https://www.cnblogs.com/songfahzun/p/6422777.html
總結
- 上一篇： 5.PB中调用存储过程
- 下一篇： [小技巧]diff的文件夹忽略使用方式