dwr 后台服务器推送技术

前端之家收集整理的这篇文章主要介绍了dwr 后台服务器推送技术前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

刚才写了一篇《dwr传对象到前台》,现在继续下一个总结点,dwr又一个令人兴奋的技术后台服务器推送技术,需要的包我就不写了

web.xml配置

<servlet>
<display-name>DWR Servlet</display-name>
<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>
<init-param>
<!-- 设置服务器可以向前天推送数据 -->
<param-name>activeReverseAjaxEnabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 设置推动的模式为轮询模式-->
<param-name>org.directwebremoting.extend.ServerLoadMonitor</param-name>
<param-value>org.directwebremoting.impl.PollingServerLoadMonitor</param-value>
</init-param>
<init-param>
<!--轮询的时间为1秒一次,根据需要更改时间-->
<param-name>disconnectedTime</param-name>
<param-value>1000</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

dwr.xml

<create creator="new" javascript="DataPollService">
<param name="class" value="com.dwr.service.DataPollService"/>
</create>

java代码

user类

package com.dwr.model;
public class User {
int id ;
String name ;
int number ;
public User(){}
public User(int id,String name,int number) {
super();
this.id = id;
this.name = name;
this.number = number;
}
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getNumber() {
return number;
}
public void setNumber(int number) {
this.number = number;
}
@Override
public String toString() {
// TODO Auto-generated method stub
return "id="+id+" name="+name+" number="+number;
}
}

DataPollService 类

package com.dwr.service;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import org.directwebremoting.Browser;
import org.directwebremoting.ScriptBuffer;
import org.directwebremoting.ScriptSession;
import org.directwebremoting.ScriptSessionFilter;
import org.directwebremoting.WebContextFactory;
import com.dwr.model.User;
public class DataPollService {
ServletContext context = null ;
ScriptSession scriptSession = null ;
//----给所有的页面推数据,通过Brower.withAllSessions,适合全部页面--------------------------
public DataPollService(){
HttpServletRequest request = WebContextFactory.get().getHttpServletRequest();
HttpSession session = request.getSession();
//初始化工作,目的是用一个服务器级的容器来装scriptsession,便于跨浏览器操作
context = session.getServletContext();
}
@SuppressWarnings("unchecked")
public void initScriptSession(){
System.out.println("into initScriptSession!");
//创建一个session,只要页面调用这个方法
ScriptSession scriptSession = WebContextFactory.get().getScriptSession();
// scriptSession.setAttribute("allpages",scriptSession);
//拿到放在scriptSessions中的scriptsession
List<ScriptSession> scriptSessions = (List<ScriptSession>) context.getAttribute("scriptSessions" );
if(scriptSessions == null){
scriptSessions = new ArrayList<ScriptSession>() ;
}
//添加一个新的scriptsession
scriptSessions.add(scriptSession);
context.setAttribute("scriptSessions",scriptSessions);
}


@SuppressWarnings("unchecked")
public void pollDataToAllPage(){
System.out.println("into pollDataToCpage!");
//拿出所有的session
final List<ScriptSession> scriptSessions = (List<ScriptSession>) context.getAttribute("scriptSessions" );
if (scriptSessions ==null) {
return ;
}
System.out.println("scriptSessions.size()="+scriptSessions.size());
Browser.withAllSessions(new Runnable() {

@Override
public void run() {
//掉用浏览器客户端的js函数,实现推送数据
System.out.println("run");
ScriptBuffer scriptBuffer = new ScriptBuffer();
// 只要有页面有这个js函数,即可以推送
scriptBuffer.appendScript("polledDataByServer(") .appendData( new User(1,"张三",1)).appendScript(");");
for(ScriptSession scriptSession :scriptSessions){
//推送数据
scriptSession.addScript(scriptBuffer);
}
}
});

}
//-------------------------------给D页面推数据,通过Brower.withSession,通过sessionId来定位,适合指定页面-------------

//创建一个sessionId属于D页面
public void createSessionId(){
ScriptSession scriptSession = WebContextFactory.get().getScriptSession();
// scriptSession.setAttribute("",arg1);
// sessionIdString = scriptSession.getId();
//通过sessionid来定位
context.setAttribute("sessionId",scriptSession.getId());
context.setAttribute("scriptSession",scriptSession);
System.out.println("into createSessionId! sessonId= "+scriptSession.getId());


}

public void pollDataToSpePage(){

//执行和操作的scriptSessionId 必须是由createSessionId创建的session所产生,因此需要在创建session的时候,将scriptsesson保留在context里面
final ScriptSession scriptSession = (ScriptSession) context.getAttribute("scriptSession");
String sesssionId = (String) context.getAttribute("sessionId");
System.out.println("into pollDataToSpePage sessionId="+sesssionId +" scriptSession="+scriptSession);

Browser.withSession(sesssionId,new Runnable() {

@Override
public void run() {
// TODO Auto-generated method stub
System.out.println("run");
ScriptBuffer scriptBuffer = new ScriptBuffer();
// 只要有页面有这个js函数,即可以推送
scriptBuffer.appendScript("polledDataToOneByServer(") .appendData( new User(1,1)).appendScript(");");

//推送数据,
scriptSession.addScript(scriptBuffer);

}
});

}
}

jsp代码

A.jsp代码,用来触发动作传到服务器,服务器根据需要推送数据给需要的页面,可以群发,也可以指定页面发,具体上上面的java代码

<!-- 注意script的顺序,engine.js 需要放在最前面 -->
<script src='<%=request.getContextPath() %>/dwr/engine.js'></script>
<script src='<%=request.getContextPath() %>/dwr/util.js'></script>
<script src='<%=request.getContextPath() %>/dwr/interface/DataPollService.js'></script>
<script type="text/javascript">
function clickMe(){
//alert()
dwr.engine.setActiveReverseAjax(true);
DataPollService.pollDataToAllPage();

}
function clickMe1(){
// alert()
dwr.engine.setActiveReverseAjax(true);
DataPollService.pollDataToSpePage();
}
</script>
<title>A页面</title>
</head>
<body>


<input type="button" value="请求服务器推送数据给所有的页面" onclick="clickMe()">
<input type="button" value="请求服务器推送数据给D页面" onclick="clickMe1()">
</body>
</html>

B.jsp 页面代码

<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!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=GB18030">
<!-- 注意script的顺序,engine.js 需要放在最前面 -->
<script src='<%=request.getContextPath() %>/dwr/engine.js'></script>
<script src='<%=request.getContextPath() %>/dwr/util.js'></script>
<script src='<%=request.getContextPath() %>/dwr/interface/DataPollService.js'></script>
<script type="text/javascript">
window.onload=function(){
//将后台推送数据给前台设置为true
dwr.engine.setActiveReverseAjax(true);
//创建一个属于这个页面的scriptSession
DataPollService.initScriptSession();
};
//等待服务器的数据推送,data是服务器推过来的数据,不仅仅是字符串,还可以是其他的任何对象,如果是对象,记得要在dwr中进行转化
function polledDataByServer(data){

dwr.util.setValue("data","我是服务器推过来的数据: "+data.name);
}
</script>

<title>B页面</title>
</head>
<body>
我是B客户端,我不刷新页面,等待服务给我推数据<br><br>
<font color="red" id="data"></font>
</body>
</html>

D页面代码

<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!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=GB18030">
<!-- 注意script的顺序,engine.js 需要放在最前面 -->
<script src='<%=request.getContextPath() %>/dwr/engine.js'></script>
<script src='<%=request.getContextPath() %>/dwr/util.js'></script>
<script src='<%=request.getContextPath() %>/dwr/interface/DataPollService.js'></script>
<script type="text/javascript">
window.onload=function(){
//将后台推送数据给前台设置为true
dwr.engine.setActiveReverseAjax(true);
//创建一个属于这个页面的scriptSessionId
DataPollService.createSessionId();
};
//等待服务器的数据推送,data是服务器推过来的数据,不仅仅是字符串,还可以是其他的任何对象,如果是对象,记得要在dwr中进行转化
function polledDataToOneByServer(data){

dwr.util.setValue("data","我是服务器推过来的数据: "+data.name);
}
</script>

<title>D页面</title>
</head>
<body>
我是D客户端,我不刷新页面,等待服务给我推数据<br><br>
<font color="red" id="data"></font>
</body>
</html>

看到这里之后,发现java后台服务器根据前台浏览器初始化的session和调用前台页面js函数来实现群发还有指定页面发送...这就是dwr的

后台服务器的推送技术

原文链接:https://www.f2er.com/ajax/165776.html

猜你在找的Ajax相关文章