DWR高级主题之反向Ajax(DWR3的轮询模式演示1)

Ajax 前端之家
前端之家收集整理的这篇文章主要介绍了DWR高级主题之反向Ajax(DWR3的轮询模式演示1)，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

原文：http://www.jb51.cc/article/p-agnurwdi-pp.html

DWR高级主题之反向Ajax(DWR3的轮询模式演示1)

----------

web.xml

[html] view plain copy
  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-appxmlns="http://java.sun.com/xml/ns/j2ee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="http://java.sun.com/xml/ns/j2eehttp://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
  4. version="2.4">
  6. display-name>firstDWR</welcome-file-listwelcome-file>index.html>
  7. <!--TheDWRServlet...-->
  8. servlet>DWRServletservlet-name>dwr-invokerservlet-class>org.directwebremoting.servlet.DwrServlet <!--初始化参数，增加调试功能-->
  9. init-paramparam-name>debugparam-value>true<!--跨域调用配置信息,不是必须的-->
  10. >crossDomainSessionSecurity>false<!--下面是轮询模式的反向Ajax所需要的参数-->
  11. >activeReverseAjaxEnabled>org.directwebremoting.extend.ServerLoadMonitor>org.directwebremoting.impl.PollingServerLoadMonitor<!--设置轮询的频率为6秒-->
  12. >disconnectedTime>6000servlet-mappingurl-pattern>/dwr/*
  13. web-app>

dwr.xml

copy
    <!DOCTYPEdwrPUBLIC
  1. "-//GetAheadLimited//DTDDirectWebRemoting3.0//EN""http://getahead.org/dwr/dwr30.dtd"dwrallowcreatecreator="new"javascript="MathDelegate"paramname="class"value="app.MathDelegate"/>
  2. create>

java文件

[java] copy
    packageapp;
  1. importorg.directwebremoting.Browser;
  2. importorg.directwebremoting.ScriptSessions;
  3. publicclassMathDelegate{
  4. privatestaticintnum=1;
  5. /**
  6. *推送数字到页面上去
  7. *
  8. *@paramuserid
  9. *@paramrequest
  10. *@return
  11. */
  12. voiddwrHandle(){
  13. Browser.withAllSessions(newRunnable(){
  14. voidrun(){
  15. try{
  16. Thread.sleep(1000);
  17. }catch(InterruptedExceptione){
  18. e.printStackTrace();
  19. }
  20. //funA为页面上一个js函数,num++为funA的参数
  21. ScriptSessions.addFunctionCall("funA",num++);
  22. }
  23. });
  24. voidhandle()throwsInterruptedException{
  25. intm=0;
  26. while(m++<10){
  27. 3000);
  28. dwrHandle();
  29. }

index.html

copy
    htmlheadMetahttp-equiv="Content-Type"content="text/html;charset=UTF-8"title>firstdwrscripttype="text/javascript"src="dwr/engine.js">script<!--注意：反向Ajax中，util.js是必须包含的-->
  1. scripttype="text/javascript"src="dwr/util.js"scripttype="text/javascript"src="dwr/interface/MathDelegate.js"<!--轮询模式与comet模式的反向Ajax所需要的配置-->
  2. dwr.engine.setActiveReverseAjax(true);
  3. <!--
  4. //重点关于解决页面每刷新一次会多创建一个新的ScriptSession的解决方法
  5. //由于ScriptSession的创建机制不同于HttpSession，它会在每次页面刷新的时候都会重新创建，而销毁机制却是失去连接
  6. //或者失效之后一定时间才会自动销毁，这样就可能造成服务端可能就保存了很多的无用的ScriptSession,所以不仅仅会影响
  7. //性能问题，更重要的是，可能就不能实现你想要的功能。
  8. //解决方法是在接收消息的页面，也就是你调用dwr.engine.setActiveReverseAjax(true);的页面调用一个dwr的方法。
  9. //dwr.engine.setNotifyServerOnPageUnload(true);
  10. //这个方法的功能就是在销毁或刷新页面时销毁当前ScriptSession，这样就保证了服务端获取的ScriptSession集合中没有
  11. //无效的ScriptSession对象。
  12. -- dwr.engine.setNotifyServerOnPageUnload(true);
  13. functionstart(){
  14. MathDelegate.handle();
  15. functionfunA(num){
  16. document.getElementById("resultDiv").innerHTML="<h1>"+num+"h1>";
  17. bodyhr/>
  18. DWR演示：brspanid="resultDiv"spaninputtype="button"value="start"onclick="start();">
原文链接：https://www.f2er.com/ajax/165865.html

猜你在找的Ajax相关文章

网页的异步请求（Ajax）
JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表...
手动实现AJAX
AJAX 每日更新前端基础，如果觉得不错，点个star吧 &#128515; https://github.com/Win...
axios异步提交表单数据的不同形式
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...
php的ajax简单实例
很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...
Json与Ajax(注册实例）
需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: &quot;./serv...
jSon和Ajax登录功能，ajax数据交互案例
ajax实例，检测用户与注册 检测用户名是否被占用： 在用户填写完用户名之后，ajax会异步向...
关于AjaxControlToolkit的样式问题
网(LieHuo.Net)教程 技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...
一个简单的AJAX实现(HELLO AJAX)
客户端部分： <html> <head> <meta http-equiv="Content-Type" ...
AJAX中文乱码的两类问题及解决之策
1）发送路径中的参数有中文，在服务器段接收参数值是乱码 例如： var url=”a.jsp?na...
实例：AJAX返回xml代码如何在网页中显示
建站学院（LieHuo.Net）文档 今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作