web-dev-qa-db-ja.com

クロスドメインjquery get

Ajaxを使用したクロスドメインの例をいくつか見ましたが、機能しません。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    </head>
    <body>
        <script type="text/javascript" >
            $(document).ready(function () {
                var url = "http://api.Twitter.com/1/statuses/user_timeline.json?screen_name=AssasNet&include_rts=1";

                $.get(url, function (data) {
                    console.log(data)
                    alert(data);
                });
            });
        </script>
    </body>
</html>

chromeを試してみると、次のエラーが表示されます。

XMLHttpRequest cannot load http://api.Twitter.com/1/statuses/user_timeline.json?screen_name=AssasNet&include_rts=1. Origin null is not allowed by Access-Control-Allow-Origin.
javascriptjqueryajaxtwitter
18
Ajouve

$.getを使用することはできません。これはajax呼び出しを行うためです。これはクロスオリジンであるため、 Same Origin Policy によってブロックされ、アクセスしようとしているTwitter APIは' Cross-Origin Resource Sharing をサポートしていません（または、サポートしている場合、Origin nullまたはhttp://jsbin.comを許可しません。これは私が試したものです）。

APIは [〜＃〜] jsonp [〜＃〜] （これは真のajax呼び出しではありません）をサポートしているため、$.getを$.ajaxに変更するだけですJSONPを指定すると動作します：

$.ajax({
  url: url,
  dataType: "jsonp",
  success: function (data) {
    console.log(data)
    alert(data);
  }
});

実例 | ソース

42
T.J. Crowder