Hello World (XHR)
core. まずは簡単なサンプルを作ってみたいと思います。
headタグでスクリプトをロードします。
<script type="text/javascript" src="/js/dojoroot/dojo/dojo.js"></script>実際、このブログでは、headタグはテンプレートによって書出され、変更することができませんので、ブログの記事内で定義しています。
次に以下のようなHTMLを作ります。
<input type="button" value="GET" onclick="getFunc()"/>
<script>
function getFunc() {
dojo.xhrGet({
url: '/readme.txt',
load: function(response) {
dojo.byId("box").innerHTML = response;
}
});
}
</script>
<div id="box" style="border:1px solid gray"></div>
今回使用したDojoの機能は、非同期でのデータ取得：dojo.xhrGet、IDセレクタのオブジェクト取得：dojo.byId です。サンプル：