<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.2.0" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<input type="text" id="s" />
<div id="result"></div>
</body>
</html>
// Code goes here
/*
$.ajax({
url: "test.json",
type: "GET",
dataType: "json",
success: function (data) {
$("#result").html(data.d[0].label);
},
error: function(){
console.info(arguments);
}
})*/
$(
function(){
$( "#s" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "test.json",
type: "GET",
dataType: "json",
success: function (data) {
response(data.d);
},
error: function(){
console.info(arguments);
}
})
}
});
});
/* Styles go here */
{"d":
[{"label": "771678 - - Fuel injector for Ford - L.Saldo: 0 - Reserv.: 0 - Order: 0 - KPris : 0,00 kr", "value": "771678", "desc": "Fuel injector for Ford"}]
}