jquery autocomplete,如何使用url信息解析json请求?

我正在使用jquery自动完成插件,但是现在它所做的只是显示行的下拉列表,当单击时,将术语注入输入框。

我想要的是它有一个超链接,所以当点击它时,它会重定向到页面。

是否可以返回更丰富的json请求,其中包含其他元数据,如url,图像,并将显示在显示的自动完成框中?

我在网站上看到过这个,但不确定他们是否必须修改自动完成插件才能正常工作? 即返回一个json响应,而不仅仅是一个文本列表。

如果你正在谈论这个插件 ,以下应该工作:

假设你的json结果看起来像这样:

[ { name: 'Google', image: 'http://google.com/logo.png', href: 'http://google.com' }, { name: 'Bing', image: 'http://bing.com/logo.png', href: 'http://bing.com/' } ... ] 

您需要在选项中传递自己的自定义解析function。 此函数需要返回以下格式的对象数组: { data: object, value: string, result: string }

 $('#myfield').autocomplete('/search', { parse: function(data) { return $.map(data, function(item) { return { data: item, value: item.name, result: item.href }; }); }, formatItem: function(item) { return ' ' + item.name; } }) .result(function(event, item) { location.href = item.href; }); 

可能有一个更好的方法来做链接,我知道我已经看到其他自动完成/建议类型插件,让你更容易做到这一点,但我不记得哪些。 希望这可以帮助。