Access-Control-Allow-OriginTweetAjaxには欠かせない、XMLHttpRequest。最近こいつが使いにくくなってます。200){alert("hoge");}};XHR.send(null);上記のコードなんかよく見るXMLHttpRequestのコードだと思いますが、最近のChromeでこいつがエラーを吐くようになりました。Access-Control-Allow-Origin."ってやつです。要は、ドメインが違うサイトのデータを勝手に取れなくなってしまったのです。Policyというらしいです。ヘッダーというのを足してやらんとだめみたいで、これを設定してないサイトのデータはXMLHttpRequestで取れないのです。LINK最近作ってるChrome拡張とかまんなかSearchとかはAjaxしまくりで影響受けまくりだったので、なんとか回避策を練らないといけませんでした。ヘッダーをつけた自前のPHPを一枚噛ますことにしました。Rakutenは機能の特性上どのサイトからもアクセスするのでこうしてますが、必要なドメインが限られている時は*(アスタリスク)にせずに使うドメインだけ記入して制限することをおすすめしますdataget.phpの中身はこちら。PHPでソケット通信して丸々結果を取ってくるfunctionが入ってます。それがdata_get()。HTTP通信が一回増えるので単純に考えて約二倍の時間がかかりますが、とりあえずこれでどんなサイトでもAjaxで取ってこれます。あと最近知ったjQueryの$.getを使うともっとjavascriptの部分がすっきりします。"./getmurata.php?url=http://www.muratayusuke.com/";$.get(query,function(data){console.log(data);});お試しあれ。Tweet「最短で学ぶReactとReduxの基礎から実践まで」10%OFFクーポンUdemyでReactとReduxの動画講座を公開しています。このブログの読者限定クーポンを使って、基礎から実践までを学びましょう。「最短で学ぶReactとReduxの基礎から実践まで」10%OFFクーポンUdemyでReactとReduxの動画講座を公開しています。このブログの読者限定クーポンを使って、基礎から実践までを学びましょう。