程序人生

从小霸王学习机开始, 踏上我的程序人生！

用户操作

[即时聊天] [发私信] [加为好友]

赵昌峻ID：ejunnet

共102753次访问，排名915，好友3人，关注者6人。
工作认真,有激情

ejunnet的文章

原创 13 篇

翻译 0 篇

转载 4 篇

评论 14 篇

赵昌峻的公告

最近评论

qzj5851：先收藏看看！

yxyng0632：骗人,我被骗来了

nercon233：哥们，看见了你的“GWT快速开发”这篇文档。写的不错。刚好我们项目要用gwt 也用的gwt-ext ，以后少不了向你请教。

文章分类

收藏

java学习之道

相册

生活酷照

友情联接

存档

软件项目交易

订阅我的博客

简简单单实现Ajax收藏

新一篇: GWT 调用本地js 导出excel | 旧一篇: 线程中使用数据源的问题

很多时候需要做一点例如注册用户名验证、动态加载列表框之类的东西，其实很简单，　后台一个servlet, 前台简单javascript脚本就能实现。

下面给出一个动态加载列表框的实例代码，　以供参考：

先来看看后台servlet:

package com.cenglou.dca.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.Iterator;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.log4j.Logger;

import com.cenglou.dca.report.DcWeekVO;

import com.cenglou.dca.report.GetWeekStringDAO;

/**

* 得到周与日期段的对应关系

public class GetReportDateStringServlet extends BaseServlet {

private static final Logger logger = Logger

.getLogger(GetReportDateStringServlet.class);

public void execute(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String Year=request.getParameter("year");

PrintWriter out=response.getWriter();

response.setContentType("text/xml");

response.setHeader("Cache-Control", "no-cache");

GetWeekStringDAO dao=new GetWeekStringDAO();

List list=dao.getWeekStringList(Year);

Iterator it=list.iterator();

out.println("<response>");

while(it.hasNext()){

DcWeekVO vo=(DcWeekVO)it.next();

out.println("<key>");

out.println("<yearWeek>" + vo.getYearWeek() +"</yearWeek>");

out.println("<dateString>" + vo.getDateStrig() + "</dateString>");

out.println("</key>");

}

out.println("</response>");

out.close();

}

页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Ajax示例</title>

function createXMLHttpRequest(){

if(window.ActiveXObject){

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

}

else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest();

}

function GetDateStringRequest(){

createXMLHttpRequest();

var year = document.getElementById("Year").value;

var postString="year=" + year;

var url = "<%=request.getContextPath()%>/GetReportDateStringServlet?timeStamp=" + new Date().getTime();

xmlHttp.open("POST",url,true);

xmlHttp.onreadystatechange = callDateStringback;

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");

xmlHttp.send(postString);

}

function callDateStringback(){

if(xmlHttp.readyState==4){

if(xmlHttp.status==200){

var keys=xmlHttp.responseXML.getElementsByTagName("key");

var oldyearWeek=document.getElementById("yearWeek");

while(oldyearWeek.childNodes.length>1){

oldyearWeek.removeChild(oldyearWeek.childNodes[1]);

}

for(i=0;i<keys.length;i++){

var yearWeek=keys[i].firstChild.firstChild.data;

var dateString=keys[i].lastChild.firstChild.data;

setDateStringMessage(yearWeek,dateString);

}

function setDateStringMessage(yearWeek,dateString){

var yearWeekNode=document.getElementById("yearWeek");

var newoption=document.createElement("option");

newoption.value=yearWeek;

newoption.appendChild(document.createTextNode(dateString));

yearWeekNode.appendChild(newoption);

}

</script>

</head>

<table>

<tr>

<%for(int i=cd.get(1);i>=2006;i--){%>

<%}%>

</select>周:<select id="yearWeek" name="yearWeek">

<option>--请选择日期段--</option>

</select><input type="hidden" name="id" value="<%=reportId%>"><input type="submit" value="查询"></td>

</tr>

</table>

</body>

</html>

多的不想说了，　自己看代码吧！　　代码参考《Ajax基础教程》，　有兴趣的可以找书看看。

发表于 @ 2007年12月25日 12:57:00|评论(loading...)|编辑

新一篇: GWT 调用本地js 导出excel | 旧一篇: 线程中使用数据源的问题

评论：没有评论。

发表评论

姓名：
主页：
校验码：看不清,换一张

当前用户设置只有注册用户才能发表评论。如果你没有登录，请点击登录