読みだすデータは、shift_jis で書かれた JSON 形式のテキストです。{ "version" : "1.01a", "name" : "日本語名表示" }.then() は、Windows8 Metro(JS) のすべての処理において同じ仕様のものが使われています 成功の場合 1) success が呼ばれる 2) doneCallbacks が呼ばれる 失敗の場合 1) failCallbacks が呼ばれる 2) statusCode 内が呼ばれる JSON.parse を使用しているのは、Windows8 Metro(JS)との互換の為です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=euc-jp">
</head>
<body>
<script type="text/javascript" src="http://localhost/json/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$.ajax({
url: "target.json",
beforeSend: function ( xhr ) {
xhr.overrideMimeType("text/plain; charset=shift_jis");
},
success: function(data, textStatus, jqXHR) {
alert(data);
alert(textStatus);
alert( JSON.stringify(jqXHR,null," ") );
},
statusCode: {
404: function() {
alert("ページが存在しません");
}
}
}).then(
function(data, textStatus, jqXHR) {
var obj = JSON.parse( data );
$("#tx1").val( obj.version );
$("#tx2").val( obj.name );
},
function(data) {
alert("err\n"+JSON.stringify(data,null," "));
alert("この後、statusCode の処理が実行されます");
}
);
</script>
<input type="text" id="tx1">
<br />
<input type="text" id="tx2">
</body>
</html>
文書の作成
ソース部分の強調も時間をかければ見やすいものになりますし、変更は Google ドキュ
メントのほうで基本的な内容は行います。
( 表示エリアの調整は IFRAME 側で行う必要があります )
IFRAME 基本コードの取得
結局、要素の部分を置き換える為の正式な SDK は存在しました。そのサンプルのタイトルは
『Loading HTML fragments sample』ですが、navigate メソッドはやはり骨格であって、置き
換えは自分で行って検証しました。置き換える為に使われる HTML のヘッダ部分の置き換え後
の影響は厳密では無い事もわかりましたが、確実に説明のつかない結果だったので、不必要な
ものは省いてコードを構成しています。
一つ解ったのは、navigate の骨格を使う事によって、自動的に back メソッド等が使えるよう
になる事です。他のサンプルでも不思議だったのですが、『戻る』アイコンがあるのに、どうも
イベント定義されているふしが無かったのですが、navigate 完了後に一網打尽にされるようで
す。
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
