最新Ajaxとは?
従来のXMLHttpRequestを使ったAjaxには、ドメイン間通信ができないという大きな欠点があります。例えば、http://hogehoge.com/ のデータをhttp://ageage.com/ では、XMLHttpRequestを使って読むことはできません。いわいるSame-Originポリシーというやつです。これはJavaScriptが持つセキュリティのため、ドメイン間でのデータを読み取ることができないのです。つまり、XMLHttpRequestの読み込み...「
最新Ajaxとは?」の続きを見る
Ajaxを実現する別の方法
XMLHttpRequestを使ったAjaxでは、ドメインを超えてデータを読み込めないため、完全に別の方法を考える必要があります。それは、scriptタグを使った外部読み出しです。scriptタグを通常使う場合は、ページのヘッダ部に >script type=xxxxx src=xxxxx< という表記をしますが、Ajaxとして使用する場合は、それを動的に行います。手順としては、1.スクリプトエレメントを作...「
Ajaxを実現する別の方法」の続きを見る
JSONPとは?
JSONPの前に、JSONを説明します。JSONとは、JavaScript Object Notation の略で、JavaScriptで使いやすいデータ形式のことです。一般的にXMLよりも軽量で、JavaScriptから使いやすいデータ形式です。簡単な例はこいうったデータ形式です。{"name":"ダイエット商品","discription":"10日で10キロやせる脅威のダイエット","price":980}直接JavaScriptのデータ構造体に入れることができるので、処理が...「
JSONPとは?」の続きを見る
コールバック関数とJSONP
appendChildとJSONPを使ったAjaxのポイントは、コールバック関数を使用して、取得したデータをコールバック関数に呼び戻すことにあります。そのため、JSONPの作成方法をいろいろ変えるだけで、関数を呼び出すだけでなく、その他の処理を読み込んだスクリプトエレメントに足すこともできます。例えば、JSONPのファイル中にこんなことを書いてみましょう==========================...「
コールバック関数とJSONP」の続きを見る
注意事項
覚書程度の注意事項です。ほかにもいろいろとあるかも知れません。・srcに設定するファイル名は、.cgiでもなんでも大丈夫・srcのリクエストURLのパラメタはエンコードする必要あり・srcのcharsetも設定・appendChildは、settimeoutを使って呼んだ方が良い・appendしたchildをすぐに消すとIEが落ちる・コールバック関数が間違っていると何も起こらない・JavaScriptのデバッグは、外部...「
注意事項」の続きを見る