<script"> <script"> <script" />

Просте автозаповнення віддалених даних за допомогою jQuery UI?

Чому наступний код не працює? (якщо я змінюю віддалений джерело на локальний, то він добре працює)

<!DOCTYPE HTML>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
      source: "http://jqueryui.com/demos/autocomplete/search.php",
            minLength: 2,
            select: function( event, ui ) {
            }

    });
  });
  </script>
      
</head>
<body style="font-size:62.5%;">

<input id="autocomplete" />

</body>
</html>
0

1 Відповіді

така ж політика походження, як і джерело, вимагає виконання сценарію з іншого сайту.

http://en.wikipedia.org/wiki/Same_origin_policy

Ви можете змінити джерело, щоб використовувати jQuery ajax виклик на інший сайт, який може повернути jsonp.

See this for an example: http://jqueryui.com/demos/autocomplete/#remote-jsonp

або переконайтеся, що вихідний url дає jsonp.

1
додано