您好我正在使用spring mvc。我已经创建了一个代码,用于搜索自动填充框的关键字来搜索数据库中的值。我使用了ajax调用来从controller调用该服务。从我得到的列表中dropdown.But我想要的是选择自动完成框中的值,它将获取该值的id并调用控制器上的另一个方法,该方法提供该ID的详细信息并在不同字段的jsp页面上打印。
这是我的jsp页面代码:
<script>
function doAjax() {
var dataToBeSent = {
keyword : document.getElementById("tags").value,
godownID : "3",
};
$(function() {
$.ajax({
url : "itemByName",
data : dataToBeSent,
type : "GET",
dataType : "json",
success : function(response) {
//alert("success");
var data1 = JSON.stringify(response);
var obj = JSON.parse(data1);
var availableTags = [];
var mn;
for (var i = 0; i < obj.length; i++) {
alert("Length:" + obj.length);
alert = ("in for loop");
mn = [ obj[i].ItemIDP, obj[i].ItemName ];
alert = ("mn");
availableTags[i] = obj[i].ItemName;
// availableTags[i] = obj[i].ItemIDP;
}
$("#tags").autocomplete(
{
source : function(request, response) {
var results = $.ui.autocomplete.filter(
availableTags, request.term);
response(results.slice(0, 10));
}
});
$("#tags").autocomplete({
autoFocus : true
});
},
error : function(request, textStatus, errorThrown) {
alert("errorThrown");
}
});
});
}
</script>
<div class="col-md-12 col-lg-12">
<div class="row">
<div class="col-sm-2">
<h5>Medicine</h5>
</div>
<div class="col-sm-5">
<input id="tags" class="form-control input-mg"
onkeyup="doAjax()" />
</div>
</div>
</div>