求一份 Java 实现 如下图源码。该如何处理

求一份 Java 实现 如下图源码。


求用这个写的啊Java 源码。
------解决方案--------------------
给输入框绑定事件，通过ajax请求将输入的值，传到后台，后台操作得到总条数和前5条数据(这里有分页)，通过XML或者JSON格式返回前台来，然后解析数据，放到一个div中，然后将div放到输入框的下面。就可以了。
下面是我们做的一个类似百度提示的js：

//表示当前高亮的节点

var highlightindex = -1;

var timeoutId;

var focusOut = false;

$(document).ready(function(){

    var wordInput = $("#word");

    var wordInputOffset = wordInput.offset();

    //隐藏自动补全框并通过CSS设置补全框的位置大小及样式   

    $("#auto").hide().css("border","1px black solid").css("padding-left","2px").css("position","absolute").css("background-color","white")

    .css("top","83px").css("border-top-width","1px")

    .css("left",wordInputOffset.left-1).width(wordInput.width()-2); //此处可根据自己的网页布局以及页面元素大小调整。

    

    //添加键盘按下并弹起的事件

    wordInput.keyup(function(event){


        //处理文本框中的键盘事件

        var myEvent = event
------解决方案--------------------
window.event;

        var keyCode = myEvent.keyCode;

        //如果输入的是字母，退格，delete，空格或者数字键，应该将文本框中的最新信息发送给服务器,其中，空格键和数字键的加入使得输入中文也能支持~~


        if((keyCode >= 65 && keyCode<=90) 
------解决方案--------------------
 (keyCode >= 48 && keyCode <= 57) 
------解决方案--------------------
(keyCode>=96 && keyCode<=105) 
------解决方案--------------------
 keyCode == 46 
------解决方案--------------------
 keyCode == 8 
------解决方案--------------------
 keyCode == 32){

            

            //获取文本框的内容

            var wordText = $("#word").val().trim();

            var autoNode = $("#auto");

            if(wordText==""){

            	$("#auto").css("display", "none");

            }

            

            if(wordText!=""){


            //对上次未完成的延时操作进行取消

            clearTimeout(timeoutId);

            //对于服务器端进行交互延迟500ms，避免快速打字造成的频繁请求  

            timeoutId = setTimeout(function(){

            	$.post(

            		"search_autoTip.action",

            		{word:wordText},

            		function(data){

	                	//将dom对象data转换成JQuery的对象

	                	var jqueryObj = $(data);

	               		//先找到所有的word节点

	                	var wordNodes = jqueryObj.find("word");

	                	//遍历所有的word节点，取出单词内容将单词内容添加到弹出框中

	                	autoNode.html(" ");

	                	wordNodes.each(function(i){

                   			//获取单词内容

                    		var wordNode = $(this);

                   			//新建div节点将单词内容加入到新建的节点中,将新建的节点加入到弹出框的节点中

                   			var newDivNode = $("<div>").attr("id",i); 

                   			var word = $(this.firstChild) ;

                   			var count = $(this.lastChild) ;

                   			newDivNode.html(word.text()).appendTo(autoNode);