[WhatsOld] Get data back from iframe : 從 iframe 裡拿資料回來

上星期用 post 送資料到 iframe 裡面之後，今天要把回傳的資料拿回來 ...

第一步，在 iframe 的事件 onload 加個函式 getContentFromServiceContainer，當它載入完成後，來準備抓內容中的資料／

?

1 2	<iframe name="serviceContainer" src="http://localhost:2363/jsonNet20Test2/jsonServices.ashx"     width="100%" onload="getContentFromServiceContainer();"></iframe>

再來，利用 window.frames["serviceContainer"] 取得 iframe 物件，再用它的 .document.documentElement.outerText 拿到裡面的純文字／

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

function getContentFromServiceContainer() {     var serviceContainer = window.frames["serviceContainer"];     var content = serviceContainer.document.documentElement.outerText;     var result = document.getElementById("result");       result.innerHTML = "";     if (content == "") {         result.innerHTML = "nothing happened.";         return;     }       try {         var loginResult = JSON.parse(content);         result.innerHTML = "isSuccess: " + loginResult.isSuccess.toString();         if (!loginResult.isSuccess) {             result.innerHTML += " errMsg: " + loginResult.errMsg;         }     } catch (err) {         result.innerHTML = "failed parsing! " + err.toString();     } }

最後，把 Server 回傳的值清乾淨，順便調慢一點，這裡給它慢一秒／

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

System.Threading.Thread.Sleep(1000);           context.Response.ContentType = "text/plain"; string jsonLoginConditions = context.Request.Form["loginConditions"] ?? "";   if (jsonLoginConditions != "") {     LoginConditions loginConditions = JsonConvert.DeserializeObject<LoginConditions>(jsonLoginConditions);     LoginResult loginResult = new LoginResult();     loginResult.isSuccess = false;     loginResult.errMsg = string.Format("account[{0}] is invalid!", loginConditions.account);                   string jsonLoginResult = JsonConvert.SerializeObject(loginResult);     context.Response.Write(jsonLoginResult); }

Chrome, IE7 的結果畫面

修改後的檔案 連結

（馬的，今天提早下班說，又被我搞到一點多 ...）