在做多个参数时，需要extraParams参数，但我这里不止需要这个，还需要函数parse才能解决问题
另外，遇到firefox下支持中文不好的问题，原因是每次keydown都用了default然后onChange
故在第197行左右位置增加代码
.bind("input", function() {
onChange(0, true);
});
再则，遇到编码问题,将输入的值用encodeURIComponent包装两次，后端用URLDecoder.decode解2次，即包装q，而且遇到输入空格问题一并解决，在第367行左右：
q: encodeURIComponent($.trim(lastWord(term))),
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
<script type="text/javascript" src="js/jquery.js">
</script>
<script type='text/javascript' src='js/jquery.bgiframe.min.js'>
</script>
<script type='text/javascript' src='js/jquery.ajaxQueue.js'>
</script>
<script type='text/javascript' src='js/thickbox-compressed.js'>
</script>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type='text/javascript' src='js/jquery.autocomplete.js'>
</script>
<link rel="stylesheet" type="text/css" href="js/thickbox.css" />
<script type="text/javascript">
$().ready(function(){
var url_ = "action";
$("#suggest13").autocomplete(url_, {
delay : 10,
dataType: "json",
minChars: 1,
width: 310,
matchContains: true,
extraParams: {
url: function(){
return encodeURIComponent(encodeURIComponent("xxx"))
}
},
parse: function(data){
return $.map(data, function(row){
return {
data: row,
value: row.name,
result: row.name
}
});
},
formatItem: function(row, i, max){
return row.name;
},
formatResult: function(row){
return row.name;
}
}).result(function(e, item){
alert(item.lo);
});
});
</script>
</head>
<body>
<input type="text" id="suggest13" />
</body>
</html>
分享到：
相关推荐
在JavaScript的世界里，jQuery库为我们提供了实现这一功能的强大工具——`jquery.autocomplete.js`。本文将深入探讨这个资源压缩包，了解其工作原理，以及如何在项目中应用。 `jquery.autocomplete.js`是jQuery的一...
**jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件，它为HTML输入框提供了自动补全功能，极大地提升了用户体验。这个插件基于jQuery库，结合Ajax技术，能够实时从服务器获取...
首先，`jquery.autocomplete.js`是jQuery Autocomplete插件的核心JavaScript文件，它提供了一套完整的事件驱动机制和接口，用于处理用户输入时的实时匹配和显示建议。这个插件基于jQuery框架，意味着它能够很好地与...
《jQuery.autocomplete自动提示插件详解》 在Web开发中，提供用户友好的输入提示功能是一种常见的需求，例如搜索引擎的自动补全、电子商务网站的商品搜索等。jQuery库为我们提供了丰富的插件来实现这一功能，其中`...
描述中提到的“jquery解决了跨浏览器问题”，这是jQuery库的一大优点。jQuery库的出现，使得开发者可以编写与浏览器无关的JavaScript代码，大大简化了前端开发的工作。jQuery Autocomplete插件充分利用了这一特性，...
《自动补全-jquery.autocomplete.js》 在Web开发中，自动补全功能是一种非常实用且常见的用户体验优化手段。它通常被应用于搜索框、表单输入等场景，能够帮助用户快速找到并选择他们想要的选项，提高输入效率。在...
`jQuery.autocomplete.js` 是一个流行的JavaScript库jQuery的扩展插件，主要用于实现输入框的自动补全功能。这个插件极大地增强了用户在网页上的交互体验，尤其在处理大量可选项时，用户可以通过输入部分文字快速...
综上所述，`jquery.autocomplete.js` 和 `jquery.autocomplete.css` 文件组合提供了完整的自动补全解决方案，涵盖了样式、功能和交互。它们使得开发人员能够快速构建高效、灵活且用户体验良好的搜索功能，而无需从头...
这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件：`jquery.autocomplete.css`和`jquery.autocomplete.min.js`，它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先，我们来了解...
- 如果没有看到提示框，可能是因为样式问题，检查 `jquery.autocomplete.css` 是否正确引入。 - 数据加载延迟可能是由于 `minLength` 或 `delay` 设置不当，调整这些参数可以改善体验。 - 如果从远程获取数据，确保...
**jQuery Autocomplete 知识点详解** `jQuery Autocomplete` 是一个非常流行的 jQuery 插件，用于实现自动完成（或下拉建议）功能。在网页表单中，它能够为用户提供快速输入建议，提高用户体验。这个"jquery....
- **jquery.autocomplete.js**：这是核心的 JavaScript 文件，包含了 Autocomplete 插件的所有功能代码。通过调用这个插件，我们可以为指定的输入框添加自动补全功能，并设置各种参数，如数据源、匹配算法、回调...
`jquery.autocomplete.js`是jQuery UI的一部分，提供了一个自动补全功能。当用户在输入框中键入字符时，该插件可以实时搜索数据库或其他数据源，展示匹配的建议列表，帮助用户快速完成输入。这对于搜索框、地址输入...
jquery autocomplete 支持自动补全，可以做成类似百度搜索那样的
总的来说，jQuery.Autocomplete 虽然在中文输入方面存在一些浏览器兼容性问题，但通过针对性的代码调整和事件监听，我们可以很好地解决这些问题，使其在各种环境下都能提供良好的用户体验。在进行此类插件定制时，...
`jQuery.autocomplete`是jQuery UI库中的一个组件，它为输入框提供了自动补全功能，极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据，并在用户输入时动态显示匹配项。在某些情况下，我们可能需要...
《jQuery Autocomplete 插件参数使用详解》 在Web开发中，为了提升用户体验，自动填充（Autocomplete）功能被广泛应用于搜索框、表单输入等场景。jQuery库提供了一个强大的Autocomplete插件，名为jQuery UI ...