个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我正在尝试在我正在处理的项目中的输入表单上实现自动完成功能。我正在尝试使用 jQuery 触发对 servlet 的 AJAX 调用，并在输入字段上为 keyup 添加了一个监听器。但是，似乎从未输入过。我还添加了控制台日志以验证它确实没有被输入并检查控制台它也是空白的。
我包含了下面的 html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Fabflix Home</TITLE>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"</script>
<script type="text/javascript">
$(document).ready(function(){
$( "#autoSearch" ).on("keyup", function () {
console.log("Entered!");
var data = $('#autoSearch').val();
$.ajax({
type: "POST",
url: "/FabflixP4/servlet/autocomplete",
data: data,
dataType: "xml",
success: function(data)
{
console.log("Success!");
}
});
});
});
</script>
</HEAD>
<BODY BGCOLOR="#FDF5E6">
<H1 ALIGN="CENTER">Test</H1>
<div align="CENTER">
<form action = "/FabflixP4/servlet/Movie">
Search: <INPUT TYPE="TEXT" NAME="title">
<input type="submit" id="autoSearch" value="Submit">
</form>
</div>
</BODY>
</HTML>
我是 jQuery 和 AJAX 的新手，我觉得我缺少了一些东西。我已经花了几个小时研究这个无济于事。另一方面，这是一个不打算使用的小项目，性能并不重要。谢谢。
Edit1:添加脚本类型并移至头部，但仍未输入。
最佳答案
您正在监听 submit 按钮的 keyup 事件。您应该监听 text 输入的 keyup 事件。
$('input[name="title"]').on("keyup", function () {
关于javascript - jQuery Keyup 从未输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22086337/
30
4
0
背景 我最近在 merge 期间遇到了一个意外未 merge 的文档文件的问题。 无论出于何种原因，我搞砸了 merge 并有效地删除了文件(和其他几个文件)，因为我忘记了它们的存在。 现在我想查看我
我在我的网站上使用旧的 mysql 版本和 php 版本 4。 我的表结构: | orders_status_history_id | orders_id | orders_status_id |
我是一名优秀的程序员,十分优秀！