ローカル環境でお手軽にAjaxを開発する方法

ローカルの環境でAjaxを動作させると、下記のように動かない場合があります。

これは、XMLHttpRequest() オブジェクトはSame origin policy - Wikipedia, the free encyclopediaというセキュリティによるものです。

これを回避するために、基本的にサーバに作成したAjaxアプリケーションをアップロードして、…など面倒な作業が必要ですが、DropboxのPublicフォルダを使えば簡単にhttp通信できるのでお手軽です。

やる方法は、まず、Publicフォルダに対象のファイルを置きます

次に、開きたいhtmlのファイルまでいき、そのファイルの上でコンテキストメニューを開いて「Dropbox->Copy public link」を選択します。

そのコピーしたアドレスをブラウザのアドレスバーに挿入して開いてやればOKです。

お手軽ですねー