Autocomplete Json from url Please help

Autocomplete Json from url Please help

hy, guys i have a problem i am trying to get autocomplet to show relevant information from an URL and i dont know how ... please help me. 

here is the code ... Any info that could help me is important thank you very much

  2. <!doctype html>
  3.  
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8" />
  7. <title>Autocomplet</title>
  8. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  9. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  10. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  11. <link rel="stylesheet" href="/resources/demos/style.css" />
  13. <script type="text/javascript">
  14. $(function() {
  15. $("#hotel").autocomplete({
  16. source: function(request, response){
  17. $.ajax ({
  18. url: "https://tsbo-bbh.develop.inexweb.de/cms/rest/portal/search/autocomplete?input=?",
  19. dataType:"jsonp",
  20. data: {
  21. featureClass:"P",
  22. style:"full",
  23. maxRows:9,
  24. name_startsWith: request.term
  25. },
  26. success: function (data){
  27. response($.map(data.hotels, function(item){
  28. return {
  29. label: item.hotels,
  30. value: item.hotels
  31. }
  32. }));
  33. }
  34. });
  35. },
  36. minLength: 2,
  37. });
  38. });
  40. </script>
  41. </head>
  43. <body>
  44.  
  45. <div class="ui-widget">
  46.   <label for="hotel">hotel: </label><input id="hotel" /></div>
  47.  
  48. <div class="ui-widget" style="margin-top: 2em; font-family: Arial;">Result:<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
  49. </div>
  50. </body>
  52. </html>