幫倒忙的IE8 JSON.stringify()

正在趕工寫程式,沒想到又跟Bug耗上了大半天… (好像每次都這樣)

有段程式用了JSON2.js處理資料欄位的編修,原本執行良好,今天測試卻發現如果<input type='text'>的value是空字串,傳回結果會變成null四個字。

原本以為這是JSON2.js將空字串視為null所致(以前怎麼沒發現?),但如果是null,應該也要表示為{ "n”:null }而不是{"n”:”null”},幾過一番折騰,總算抓出這隻臭蟲來。

首先,我發現一件事實,因為IE8內建了JSON.stringify,JSON2.js裡找到這段"禮讓"的Code...
if (typeof JSON.stringify !== 'function') {
    JSON.stringify = function (value, replacer, space) {

原來換了IE8後,JSON2.js就已經悄悄隱退,這陣子根本都是IE8的內建JSON在陪公子測試。而這解釋了為什麼以前用IE7, FF, Chrome測試都OK,改用IE8之後的今天才發生問題。

換句話說,這個簍子是IE8捅的,與JSON2.js完全無關。而我寫了簡單的var obj = { n:”” }; alert(JSON.stringify(obj));在IE8下測試,結果倒完全正常。再花了近半小時,總算釐清問題,寫出可以重製問題的簡短Code: (可放入Mini jQuery Lab直接測試)

$("<input type='text' id='txtEmpty' value='' />").appendTo("body");
var obj = { n:$("#txtEmpty")[0].value };
alert(typeof obj.n + "->" + obj.n);
alert(JSON.stringify(obj));

明明typeof obj.n回應是string,測試obj.n == null也是false,但JSON.stringify(obj)就是會變成{"n":"null"}...

一邊幹譙一邊寫了Bug單(微軟至少提供了公開的問題回報UI,火氣是有消了一些),然後用var obj = { n:$("#txtEmpty")[0].value + "" };避開問題,繼續趕工去~~~

歡迎推文分享:
Published 16 May 2009 11:58 AM 由 Jeffrey
Filed under: ,
Views: 31,677



意見

# Phoenix said on 17 May, 2009 08:12 PM

用$("#txtEmpty").val()結果好像也是正常的。

# serafin said on 21 February, 2011 09:16 PM

哈,这个bug值得一试!

# suhern said on 22 March, 2011 02:42 AM

幫了我一個忙感謝~~

其實2者最大的差別是~

IE8 的JSON.stringify() 會把中文字改成 \uxxxx

但 json2.js 的 JSON.stringify() 會保持中文

你的看法呢?

(必要的) 
(必要的) 
(選擇性的)
(必要的) 
(提醒: 因快取機制,您的留言幾分鐘後才會顯示在網站,請耐心稍候)

5 + 3 =

搜尋

Go

<May 2009>
SunMonTueWedThuFriSat
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication