使用AJAX进行JQuery自动完成(JQuery Autocomplete with AJAX)

我正在尝试编写一个JQuery自动完成脚本，它将通过AJAX调用url并在用户将数据输入表单时更新自动完成结果。

我有我的AJAX设置，目前正在返回JSON。 但我不知道如何获得自动完成功能来调用它并使用响应。 我设法让以下工作，但这是静态数据，所以对我的任务没有好处：

$("input#name").autocomplete({

source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]

});

干杯。

I'm trying to write a JQuery autocomplete script which will call a url via AJAX and update autocomplete results as user enters data into the form.

I have my AJAX setup and currently returning JSON. But I don't know how to go about getting the autocomplete function to call it and use the response. I have managed to get the following working, but this is static data, so no good for my task:

$("input#name").autocomplete({

source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]

});

Cheers.

原文：https://stackoverflow.com/questions/4387423

更新时间：2020-02-08 00:43

最满意答案

$( "#birds" ).autocomplete({

source: "search.php",

minLength: 2,

select: function( event, ui ) {

log( ui.item ?

"Selected: " + ui.item.value + " aka " + ui.item.id :

"Nothing selected, input was " + this.value );

}

});

$( "#birds" ).autocomplete({

source: "search.php",

minLength: 2,

select: function( event, ui ) {

log( ui.item ?

"Selected: " + ui.item.value + " aka " + ui.item.id :

"Nothing selected, input was " + this.value );

}

});

相关问答

$( "#firstname" ).autocomplete({

source: function( request, response ) {

$.ajax( {

url: "search.php",

dataType: "json",

data: {

te

...

首先你使用的是file.php所以数据类型不像这个dataType: "jsonp"使用它你需要进行更改 我不确定它会对你有所帮助，但如果你能管理json中的php文件的响应，例如像这样 {

"employees": [

{

"firstName": "John",

"lastName": "Doe"

},

{

"firstName": "Anna",

...

自动完成文档中的源代码完美的例子。 jQuery的

$(function() {

function log( message ) {

$( "