我正在使用jquery ui自動完成功能。自動完成源來自ajax請求。

然后，當用戶單擊一個選項時，我發出了另一個ajax請求，以從服務器獲取與該選項相關的數據。

Erveything工作正常，但在第二個ajax請求之后，當我在自動完成框中輸入內容時，它會顯示我在第二個請求中獲得的數據。

第二個請求的數據覆蓋第一個數據...

它顯示占位符中第二個請求的結果。但是，在此之后，當您再次在自動填充中鍵入時，它會將成功請求中的數據作為其來源！最后一個數據被用作自動完成源！

你能幫我解決這個問題嗎？

這是我的代碼：

$("#sinput").autocomplete({

source: function (request, response) {

$.ajax({

type: 'GET',

url: 'Handlers/AutoCompleteHandler.ashx?type=html',

dataType: "json",

cache: false,

data: { term: request.term },

success: function (data) {

response($.map(data, function (item) {

return {

label: item.label,

id: item.value,

};

}));

},

});

},

minLength: 3,

select: function (event, ui) {

var content_id = ui.item.id;

$.ajax({

type: 'GET',

url: 'Handlers/GetContentHandler.ashx?id=' + content_id + '&type=html',

dataType: 'json',

cache: false,

success: function (data) {

$('#placeholder').html(data[0].label)

}

});

}

});

總結

以上是生活随笔為你收集整理的ajax 填充,自动填充ajax请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。