后台我用DWR进行异步数据传递:
代码很简单,就是返回一个数组,如果需求不同可以自己修改:
package org.dwr.re; /** * 测试 返回数组 * @author 崔素强 */ public class BackArray { public String[] backArr() { String[] arr = new String[] { "坚持", "就是", "胜利" }; return arr; } }
前台记得导入DWR的JS,和JQuery的JS,然后写文本框的输入事件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>" rel="external nofollow" > <title>自动补全</title> <script type='text/javascript' src='/buquan/dwr/util.js'></script> <script type='text/javascript' src='/buquan/dwr/engine.js'></script> <script type='text/javascript' src='/buquan/dwr/interface/arr.js'></script> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.4.2.min.js">当你输入时,会去后台查询并显示一些数据,你可以使用上下键来操作,回车时自动提交数据!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。