質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

3011閲覧

エラーを回避する方法

cloud_color

総合スコア7

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2016/03/22 03:22

XMLHttpRequest cannot load https://use.typekit.net/df/…. No 'Access-Control-Allow-Origin' header is
present on the requested resource. Origin 'http://hoge.com' is therefore not allowed access. The response had HTTP status code 403.

素人の質問で大変恐縮なのですが、
こちらのエラーが発生しており困っております。
発生する原因としましては調べたところ「ドメインが違うサイトのデータAccess-Control-Allow-Origin ヘッダーが存在しないため、XMLHttpRequestで取れない」ことが原因のようなのですが、対応策が今ひとつ理解できませんでした。
どなたか知見のある方ご教示いただけますでしょうか?><

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

対応策が今ひとつ理解できませんでした。

とだけ書かれると、回答を書いても、今ひとつ理解できないのでは?

一応書いておくと、
アクセスしたいサーバーの設定で、Access-Control-Allow-Origin ヘッダーを、アクセス元のサーバーをURLの形で指定して付加するようにします。

例:
http://example.com/foo.html のページのJavaScriptから、http://example.jp/hoge.html にアクセスしたいのなら、example.jpのサーバーの設定で、
Access-Control-Allow-Origin: "http://example.com"
を付加するようにします。
もしくは、example.jpの設定が変更できない場合は、http://example.jp/hoge.html を取得するような http://example.com/hoge.cgi とかを作って、JavaScriptからはそれをアクセスします。

投稿2016/03/22 03:39

otn

総合スコア84423

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

cloud_color

2016/03/22 04:03

早速ご回答いただきありがとうございます!! 今回、example.jpの設定が変更できないケースとなります。 hoge.cgiとはどのように作成すればよろしいのでしょうか?><
otn

2019/02/19 04:00 編集

回答に書いたように、http://example.jp/hoge.html を取得して、表示するように作ります。 シェルスクリプトなら、 #!/bin/sh echo "Content-Type: 実際のデータのMIMEタイプを指定 " curl http://~~ とか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問