Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
JSONとJSONP
JSONとJSONP ネタ元：JSONについての勉強メモ：外部URLから呼び出せない。どうやったら・・・ JSONやJSONPを利用したJavaScriptでのデータをの取り扱い方です。 JSONの場合 JSONはJSONについての勉強メモで書かれているようにデータをオブジェクトとして記述しておく方法です。 var jsonData ={"users": [ { name: "hamu", age : 24, language:["XHTML" , "CSS"] }, { name: "h2", age:25, language:["PHP" , "Java"] }, { name: "hoge", age:26, language:["JS" , "jQuery"] } ]} とJSONを定義しておけば、 for(var index in jsonData.users){ documen
利用サンプル - JSONP入門
そもそもJSONPとは、javascriptからHTTPを通じてリクエストを投げ、データ受け取るための仕組みです。 これを使う事により、javascriptのみでデータをやり取りすることが出来るので、TAGGYなどが公開しているAPIを使えば、簡単にWEBアプリケーションを作成することが出来るようになります。 具体的に説明するとJSON(JavaScript Object Notation)を用いた関数呼び出しの仕組みのことです。 ※JSONはCSVのような軽量なデータ記述形式の一種です。 このような仕組みとしては他にXMLHttpRequestがありますが、XMLHttpRequestは、異なるドメイン間でデータのやり取りをすることが出来ません。 １．まずは、JSON形式とは具体的にどのようなものか見てみましょう。 以下のように最もシンプルな例は、プロパティ名とその値をコロン(:)で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.adamrocker.com/blog/102/javascript_simplest_jsonp.html
