struts ajax应用三自动完成演示

最新推荐文章于 2024-09-10 22:24:48 发布

devfan

最新推荐文章于 2024-09-10 22:24:48 发布

阅读量405

点赞数

分类专栏： AJAX 文章标签： struts ajax function xmlhttprequest autocomplete table

本文链接：https://blog.csdn.net/devfan/article/details/4191618

版权

AJAX 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

html:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Auto Complete</title>
</head>
<style type="text/css">
.mouseOut{
background:#FFFFFF;
color:#000000;
}
.mouseOver{
background:#0066FF;
color: #000000;
}
</style>
<script type="text/javascript" language="javascript">
var xmlHttp;
//创建XMLHttp对象实例
function createXMLHttpRequest() {
if (window.ActiveXObject) {//如果是IE
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}

function initVars(){
inputField=document.getElementById("names");
nameTable=document.getElementById("name_table");
completeDiv=document.getElementById("popup");
nameTableBody=document.getElementById("name_table_body");
}

function setOffset(){
var end=inputField.offsetWidth;
var left=calculateOffsetLeft(inputField);
var top=calculateOffsetTop(inputField)+inputField.offsetHeight;
completeDiv.style.border="black 1px solid";
completeDiv.style.left=left+"px";
completeDiv.style.top=top+"px";
completeDiv.style.width=end+"px";
}

function populateName(cell){
inputField.value=cell.firstChild.nodeValue;
clearNames();
}

function clearNames(){
var ind=nameTableBody.childNodes.length;
if(ind>0){
for(var i=ind-1;i>=0;i--){
nameTableBody.removeChild(nameTableBody.childNodes[i]);
}
completeDiv.style.border="none";
}
}

</script>
<body>
Names:
<input type="text" size="20" id="names" οnkeyup="javascript:findNames()" />
<div style="position:absolute;" id="popup">
<table id="name_table" bgcolor="#FFFAFA" border="0" cellspacing="0" cellpadding="0">
<tbody id="name_table_body"></tbody>
</table>
</div>
</body>
</html>

server action:

package cxm.ajax;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.*;
import java.io.PrintWriter;
import java.util.ArrayList;

public class autoComplete extends Action{
public ActionForward execute(ActionMapping mapping, ActionForm form,
   HttpServletRequest request, HttpServletResponse response)
   throws Exception {
  String prefix=request.getParameter("name");
  ArrayList<String> findlist=findnamefun(prefix);
  if(findlist.size()>0){
  PrintWriter pout = response.getWriter();
  response.setContentType("text/xml");
  response.setHeader("Cache-Control", "no-cache");
  pout.println("<response>");
  for(String name: findlist){
   pout.println("<name>"+name+"</name>");
  }
  pout.println("</response>");
  pout.flush();
  pout.close();
  }else{
   response.setStatus(HttpServletResponse.SC_NO_CONTENT);
  }

  return null;
}

public static ArrayList<String> findnamefun(String par){
  ArrayList<String> haslist=new ArrayList<String>();
  ArrayList<String> returnlist=new ArrayList<String>();
  haslist.add("cxmcyq");
  haslist.add("cxmcyqall");
  haslist.add("cxmcyqplay");
  haslist.add("cxmcyqlove");
  haslist.add("cxm");
  haslist.add("cxmcy");
  haslist.add("cxmcyq");
  haslist.add("cyq");
  haslist.add("cyqicxm");
  for (int i = 0; i < haslist.size(); i++) {
   if(haslist.get(i).toString().toLowerCase().startsWith(par.toLowerCase())){
    returnlist.add(haslist.get(i).toString());
   }
  }

  return returnlist;
}