ajax电子相册系统,AJAX实现的电子相册功能

表现层:

%>

prefix="c" %>

prefix="fn" %>

电子相册

var selected = 0;

//定义一个变量用于存放XMLHttpRequest对象

var xmlHttp;

//该函数用于创建一个XMLHttpRequest对象

function createXMLHttpRequest(){

if(window.ActiveXObject){

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest();

}

}

//这是一个 启动AJAX异步 通信的方法

function getPhoto(){

//创建一个XMLHttpRequest对象

createXMLHttpRequest();

//将状态触发器绑定到一个函数

xmlHttp.onreadystatechange = processor;

//通过GET方法向指定的URL建立服务器的调用

xmlHttp.open("GET","/getPhoto.action?selected="+selected);

//发送请求

xmlHttp.send(null);

}

//这是一个用来处理状态改变的函数

function processor(){

//定义一个变量用于存放从服务器返回的响应结果

var responseContext;

if(xmlHttp.readyState == 4){//如果响应完成

if(xmlHttp.status == 200){//如果返回成功

//取出服务器的响应内容

responseContext = xmlHttp.responseText;

document.all.photo.src = responseContext;

}

}

}

//"响应上一张

function prev(){

selected = (selected-1+5)%5;

getPhoto();

}

//"响应下一张

function next(){

selected = (selected+1+5)%5;

getPhoto();

}

height="240px">

align="center">

电子相册

align="center">

src="/images/photo/photo1.gif">

align="center">

onClick="prev();" style="cursor:hand;">上一张

align="center">

onClick="next();" style="cursor:hand;">下一张

%>

prefix="c" %>

prefix="fn" %>

${photoUrl}

控制层

package com.dicorp.ajax.ajax_web.actions;

import java.io.File;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.Properties;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import

com.dicorp.ajax.ajax_web.createXMLUtils.CreateCounterXMLUtil;

import com.opensymphony.webwork.ServletActionContext;

import

com.opensymphony.webwork.interceptor.ServletRequestAware;

import

com.opensymphony.webwork.interceptor.ServletResponseAware;

import com.opensymphony.xwork.Action;

import com.opensymphony.xwork.ActionContext;

import javax.xml.transform.*; import javax.xml.transform.dom.*; import javax.xml.transform.stream.*; import org.w3c.dom.*; import java.io.*; import java.net.URI;

import javax.xml.parsers.*; import java.util.*;

public class GetPhotoAction implements Action

,ServletResponseAware,ServletRequestAware{

private

String selected;

private HttpServletResponse response;

private HttpServletRequest request;

private

String photoUrl ;

public String execute() throws Exception {

String[] photos = {

"/images/photo/photo1.gif",

"/images/photo/photo2.gif",

"/images/photo/photo3.gif",

"/images/photo/photo4.gif",

"/images/photo/photo5.gif",

};

System.out.println("&**&*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&"+selected);

int index =

Integer.parseInt(selected);

System.out.println("&**&*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&"+

photos[index]);

photoUrl =

photos[index];

return SUCCESS;

}

public String getPhotoUrl() {

return photoUrl;

}

public void setPhotoUrl(String photoUrl) {

this.photoUrl = photoUrl;

}

public String getSelected() {

return selected;

}

public void setSelected(String selected) {

this.selected = selected;

}

public void

setServletResponse(HttpServletResponse response) {

this.response = response;

}

public void setServletRequest(HttpServletRequest

request) {

this.request = request;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值