Web サービスにアクセスし、html ページにデータを表示する win 8 アプリを作成しています。
PAGE1.html は Web サービスからのデータにアクセスします。初めて PAGE1 を開くと、Web サービスからデータが適切に取得され、次のページ PAGE2.html が呼び出された PAGE1 のボタン クリック イベントから開かれますwindow.location("PAGE2.html
。しかし、PAGE1.html に戻ると、この PAGE1.html は開きますが、更新されたデータは表示されません。
PAGE1.html の PAGE1.js のコード: ページの onload 関数で Web サービスから適切にデータを取得します。
ready: function (element, options)
{
var textDisp= document.querySelector("#text"); //text is DIV id to display data
textDisp.innerText = "PAGE2";
document.querySelector("#myButton").onclick = function (args) {
WinJS.Navigation.navigate("/pages/page2/page2.html");
};
WinJS.xhr({
type: "GET",
url: "http://MyWebserice",
headers: { "Content-type": "application/json" },
}).then(function complete(request) {
var resdata = request.responseText;
textDisp.innerText = resdata;
}, function error(er) {
var err = er.statusText;
});
}
データは Web サービスを介してデータベースに適切に送信されます。PAGE2.html の PAGE2.js のコードは次のとおりです。
document.querySelector("#Submit").onclick = function (args) {
WinJS.xhr({
type: "POST",
url: "http://InsertData?username=" + un + "&password=" + pass + "",
headers: { "Content-type": "application/json" },
}).then(function complete(request) {
WinJS.Navigation.navigate("/pages/PAGE1/PAGE1.html");
}, function error(er) {
var err = er.statusText;
});
}
しかし、データを正常に追加した後、PAGE1 にデータベースの更新データが表示 WinJS.Navigation.navigate("/pages/PAGE1/PAGE1.html")
されないため、WinJS.xhr で呼び出して PAGE1.html に移動しました。