webwork + ajax 整合实例

转载 2007年09月26日 16:35:00
首先, 配置好webwork环境.
在webwork中应用ajax技术,只要在webwork的返回值上加以区别就可以把 动态取得的值,返回给前台浏览器.
在这个实例中,我们有一个html页面,一个java文件,然后再配置文件中写上相关映射就OK了.
代码如下:
dynamicUpdate.html
DynamicUpdate.java
  xwork.xml
在此配文件需要注意你的包名,我的包名是helloWorld;
<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE xwork PUBLIC "-//OpenSymphony Group//XWork 1.0//EN" "X:WorkSpaceBFPPropertyconfigwebxwork-1.0.dtd">

<xwork>

<include file="webwork-default.xml"/>
     
     
<package name="helloWorld" extends="webwork-default">
         
<interceptors>
             
<interceptor name="params" class="com.opensymphony.xwork.interceptor.ParametersInterceptor"/>
         
</interceptors>    

        
<default-interceptor-ref name="defaultStack"/>

         
<action name="dynamicUpdate" class="control.DynamicUpdate">
               
<result name="success">/jsp/domainS.jsp</result>
               
<interceptor-ref name="model-driven"/>
              
<interceptor-ref name="params"/>             
         
</action>
     
</package>

</xwork>


OK,如果你是copy 的代码,在配置文件正确的情况下,应该可以运行了. 看看结果吧. 一定要注意配置文件和浏览器版本.在IE5以下的版本是不支持ajax的.
 

http://blog.csdn.net/sunyadongwanghbjm/archive/2007/09/25/1799725.aspx

package control;

import java.io.PrintWriter;
import java.math.*;
import javax.servlet.http.HttpServletResponse;

import com.opensymphony.webwork.ServletActionContext;

import core.BookActionSupport;

public class DynamicUpdate extends BookActionSupport{
    
private int counter = 1;
    
private double random;
    
public String execute(){
        String res 
= "";
        String task 
= getParameter("task");
        String message 
= "";
        random 
= Math.floor(Math.random()*100);
        
while(random > 7){
            random 
= Math.sin(random)*10 ;
            random 
= Math.abs(Math.floor(random));
            System.out.println(random);
        }

        counter 
= (int)random;
        
if(task.equals("reset")){
            counter 
= 1;
        }
else{
            
switch(counter){
            
case 1: message = "Steve walks on stage"break;
            
case 2: message = "iPods rock"break;
            
case 3: message = "Steve says Macs rule"break;
            
case 4: message = "Change is coming"break;
            
case 5: message = "Yes,OS X runs on Intel-has for years"break;
            
case 6: message = "Macs will soon have Intel chips"break;
            
case 7: message = "done"break;
            }

        }

        res 
= "<message>" + message + "</message>";
        
try{
            HttpServletResponse response 
= ServletActionContext.getResponse();
            PrintWriter out 
= response.getWriter();
            response.setContentType(
"text/html");
            response.setHeader(
"Cache-Control","no-cache");
            out.write(res);
            out.close();
            
        }
catch(Exception e){
            System.out.println(e.getMessage());
        }

        
        
        
return "";
    }

}

<html>
<head>
    
<title>update of ajax</title>
    
<script type="text/javascript">
        
var xmlHttp;
        
var dom;
        
function createXMLHttpRequest(){
           
if(window.ActiveXObject){
               xmlHttp 
= new ActiveXObject("Microsoft.XMLHTTP");
           }
else{
               xmlHttp 
= new XMLHttpRequest();
           }

        }


        
function doStart(){
            createXMLHttpRequest();
            
var url = "dynamicUpdate.action?task=reset";
            xmlHttp.open(
"GET",url,true);
            xmlHttp.onreadystatechange 
= startCallback;
            xmlHttp.send(
null);
        }

        
        
function startCallback(){
            
if(xmlHttp.readyState == 4){
                
if(xmlHttp.status == 200 ){
                    setTimeout(
"pollServer()",5000);
                    refreshTime();
                }

            }

        }

        
        
function pollServer(){
            createXMLHttpRequest();
            
var url = "dynamicUpdate.action?task=foo";
            xmlHttp.open(
"GET",url,true);
            xmlHttp.onreadystatechange 
= pollCallback;
            xmlHttp.send(
null);
        }

        
        
function refreshTime(){
            
var time_span = document.getElementById("time");
            
var time_val = time_span.innerHTML;
            
var int_val = parseInt(time_val);
            
var new_int_val = int_val -1;
            
            
if(new_int_val > -1){
                setTimeout(
"refreshTime()",5000);
                time_span.innerHTML 
= new_int_val;
            }
else{
                time_span.innerHTML 
= 5;
            }

        }

        
        
function pollCallback(){
            
if(xmlHttp.readyState == 4){
                
if(xmlHttp.status == 200){
                    
//alert(xmlHttp.responseText)
                   // alert(xmlHttp.responseXML.childNodes.length)
                //    alert(xmlHttp.responseXML.getElementsByTagName("message")[0]);
                    createXMLParser(xmlHttp.responseText);
                    
var message = dom.getElementsByTagName("message")[0].firstChild.data;
                    
                    
if(message != "done"){
                        
var new_row = createRow(message);
                        
var table = document.getElementById("dynamicUpdateArea");
                        
var table_body = table.getElementsByTagName("tbody").item(0);
                        
var first_row = table_body.getElementsByTagName("tr").item(1);
                        table_body.insertBefore(new_row,first_row);
                        setTimeout(
"pollServer()",5000);
                    }

                }

            }

        }

        
        
function createRow(message){
            
var row = document.createElement("tr");
            
var cell = document.createElement("td");
            
var cell_data = document.createTextNode(message);
            cell.appendChild(cell_data);
            row.appendChild(cell);
            
return row;
        }

        
        
//初始化XML解析器
        function createXMLParser(text){
            
if(window.ActiveXObject){
                dom 
= new ActiveXObject("Microsoft.XMLDOM");
                dom.async 
= false;
                dom.loadXML(text);
            }
else{
                
var parser = new DOMParser();
                dom 
= parser.parseFromString(text,"text/html");
            }

        }

    
</script>
</head>

<body>
<h1>Ajax Dynamic Update Example</h1>
This page will automatically update itself:
<input type="button" value="Launch" id="go" onclick="doStart()"/>
<p>
    Page will refresh in 
<span id="time">5</span> seconds 
</p>
<table id="dynamicUpdateArea" align="left">
    
<tbody>
        
<tr id="row0"><td></td></tr>
    
</tbody>
</table>
</body>
</html>

相关文章推荐

WebWork结合Ajax提供国家,省市级联菜单

class=java name="code">下面是多选框,其中的值有script载入   class=java name="code">"provinceId" name=&q...

关于webwork+freemarker的简单实例

关于webwork+freemarker的简单实例   action类:   public class TestAction extends CoreActionSupport impleme...
  • 5iasp
  • 5iasp
  • 2012-02-02 17:43
  • 1167

webwork(二)--用户注册实例

HelloWorld   首先看下面这个程序HelloWorldAction.java: CODE: package helloWorld import com.opensymphony.xw...

jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对...

webwork实例.zip

  • 2013-11-11 16:39
  • 10.14MB
  • 下载

Ajax 实例教程

一、什么是Ajax? Ajax = Javascript 和 xml。 Ajax 是一种创建快速动态网页的技术。 通过在后台与服务器进行少量的数据交换,Ajax可以使网页进行异步刷新,这意味着可以在不...

ajax和json整合jar及实例

  • 2014-10-29 15:29
  • 2.39MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)