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://ja.wikipedia.org/wiki/Same_origin_policy

あなたはjsoneryを返すことができる別のサイトにjquery ajax呼び出しを使用するようにソースを変更することができます。

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

与えられたソースURLがjsonpを返すようにしてください。

1
追加された