gpt4 book ai didi

java - 如何使用 jquery 自动完成?

转载 作者:行者123 更新时间:2023-11-29 06:46:10 25 4
gpt4 key购买 nike

我正在使用 JSP 创建一个 Web 项目,并尝试使用 jquery 自动完成功能从我的数据库中实现对用户的简单搜索,但是我无法理解它是如何工作的。我对 jquery 和 ajax 知之甚少,只是想让你知道。我已经完成了以下代码并卡住了。

<%@page contentType="text/html" pageEncoding="UTF-8" import="ewa.dbConnect,ewa.sendEmail,ewa.pwGen,ewa.hashPw,java.sql.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
<script src="js/jquery.autocomplete.js"></script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<input type="text" id="search" name="search"/>
<script>
$("#search").autocomplete("getdata.jsp");
</script>
</body>
</html>

获取数据.jsp

<%@page contentType="text/html" pageEncoding="UTF-8" import="ewa.dbConnect,java.sql.*" %>
<%! dbConnect db = new dbConnect(); %>
<%
String query = request.getParameter("q");
db.connect();
Statement stmt = db.getConnection().createStatement();
ResultSet rs = stmt.executeQuery("SELECT username FROM created_accounts WHERE username LIKE "+query);
while(rs.next())
{
out.println(rs.getString("username"));
}
db.disconnect
%>

如果我没看错的话我从网站上读到的,参数 q 是默认的并且就在那里,但是我如何显示数据?我如何将值从 getdata.jsp 传递到自动完成?

最佳答案

您在包含 jQuery 之前调用自动完成脚本标记。因此,没有 jQuery 锁定(因为 jQuery 对象尚未定义),jQuery 自动完成插件中的任何内容都不会加载。

你有

 <script src="js/jquery.autocomplete.js"></script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

应该是

    <script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/jquery.autocomplete.js"></script>

颠倒顺序,你提到的Firebug错误应该就消失了;我不确定它会解决所有问题,但在解决之前什么都不会起作用。

关于java - 如何使用 jquery 自动完成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4639670/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com