Javascript 如何在自动完成jquery中单击选项时发送请求?
我想在使用自动完成jQuery的搜索框的select事件上加载数据 这是我的密码:Javascript 如何在自动完成jquery中单击选项时发送请求?,javascript,jquery,Javascript,Jquery,我想在使用自动完成jQuery的搜索框的select事件上加载数据 这是我的密码: $(function () { window.app.api.sendRequest({ url: 'myurl that return json', method: CI.XHRHelper.HTTP_METHOD.GET, success: function (data) { // setup autocomplete function pulling from cur
$(function () {
window.app.api.sendRequest({
url: 'myurl that return json',
method: CI.XHRHelper.HTTP_METHOD.GET,
success: function (data) {
// setup autocomplete function pulling from currencies[] array
$('#autocomplete').autocomplete({
lookup: data
});
}
});
})
请求返回类似于json的json:
[{"data":"abc","value":"abc-win / 12333"},
{"data":"abcd","value":"abcd-win / 12333"},
{"data":"abcde","value":"abcde-win / 12333"},
.
.
.
{"data":"abcdef","value":"abcdef-win / 12333"}]
我想发送请求以加载所选字符串/文本/值的数据
在这种情况下如何获取select事件?自动完成功能的实例化需要一个select:选项 我想这就是你想要的,但你可能需要澄清问题的一些细节 如果您的意思是希望调用AJAX请求来使用该字符串执行某些操作,那么我可以在ASP.NET中为您提供一个示例,但我不知道您使用的是什么语言:
$('#autocomplete').autocomplete({
lookup: data,
select: function (event, ui) {
event.preventDefault();
window.location.href = '/Home/Index/' + ui.item.value;
}
});
该示例将使用所选项目的值作为参数,将您重定向到您的索引页面。如果不希望重定向,而是希望在当前页面的div中加载数据,可以执行以下操作:
$('#autocomplete').autocomplete({
lookup: data,
select: function (event, ui) {
event.preventDefault();
$.ajax({
url: 'Home/Index',
type: 'POST',
data: ui.item.value,
success: function (response) {
if (response) {
$('#someDiv').html(response);
}
},
error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); }
});
}
});
我正在使用java。你能给小提琴提供选择事件的警报吗?它不会在选择事件上执行任何警报检查这个小提琴我想这就是你要找的。指定select事件,您可以对触发的事件发出警报。
$('#autocomplete').autocomplete({
lookup: data,
select: function (event, ui) {
event.preventDefault();
$.ajax({
url: 'Home/Index',
type: 'POST',
data: ui.item.value,
success: function (response) {
if (response) {
$('#someDiv').html(response);
}
},
error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); }
});
}
});