<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Remote JSONP datasource</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
</head>
<body>
Operating Systems
<label for="select">Choose: </label>
<input type="text" id="select" />
<script>
(function () {
var url = "http://localhost:61397/CompanyRestService.svc/GetCompID/0";
var items = [];
$.getJSON(url)
.done(function (data) {
$.each(data, function (i, item) {
items[i] = item.CompanyLegalName;
});
});
$('#select').autocomplete({
source: items
});
})();
</script>
</body>
</html>
What I have tried:
my Rest service output:
[{"Id":155,"Name":"DOMEX E-DATA PRIVATE"},{"Id":156,"Name":"HCL COAL INTERNATIONAL PRIVATE LIMITED"},{"Id":158,"Name":"Roja Builders and services"},{"Id":159,"Name":"TATA ADVANCED MATERIALS LIMITED"},{"Id":161,"Name":" Tikona BroadBand ltd"},{"Id":166,"Name":"DOMEX TECHNICAL INFORMATION PRIVATE LIMITED"},{"Id":168,"Name":"Philips India"},{"Id":170,"Name":"Docomo"},{"Id":171,"Name":"AIRTEL SOFTWARE SOLUTIONS PRIVATE LIMITED"},{"Id":172,"Name":"RELIANCE INDUSTRIES LIMITED"}
]
I m fresher for jquery...I dont know to show autocomplete on textbox with rest service...kindly help...