Hero Think~用手摀住我的嘴

在Client Server 架構，最麻煩的就是debug，單單server 可以用開發工具的debug mode來抓問題，而client只能借助一些瀏覽器的工具來抓問題而且也沒有debug mode，頂多只有console.log 可以用，多半都要用alert 來顯示相關資訊，而現在ajax 盛行，要抓問題時，不再只是顯示一個單值這麼容易，所以今天來介紹一下如何顯示json的值!

JSON.stringify是什麼呢?

在查資料的同時，才發現自己都是東摸一點，西學一點，沒有學習一個完整性，所以都要花上不少時間，或浪費不少時間，json格式已經瞭解並大量在使用了，但看到JSON.stringify才知，這麼好用的函式怎麼這麼晚才去瞭解呀!  在Firefox 3.1、Internet Explorer 8以上，已經都有支援，它可以將物件轉成JSON字串，所以在查詢時就很方便，以往當我們要將javascript 的物件查看其內容時，在alert 這物件只會顯示這是個[object]，還要特別去指定一個屬性才會顯示該屬性質，要查詢時蠻不方便的，而透過JSON.stringify轉成JSON字串後，就可以很輕鬆查看

JSON.stringify怎麼用?

使用語法：

如果你有個物件要顯示，最簡單的方式如下:

var obj= new Object();
obj.name="Tony";
obj.age=33;
obj.tel="0912332112";
obj.sex="M";

alert(JSON.stringify(obj));

 

多棒呀!!，JSON完整的資訊全顯示出來了，不過還有更棒的，可以在後面加上空白

alert(JSON.stringify(obj,null,4));

顯示時排列的很整理，更方便閱讀了說!!

至於中間參數replacer的用法，就是可以進行過濾的動作，將符合replacer的顯示出來，相關用法我這邊就不多寫了，如有興趣，可以看這篇文章，寫的蠻不錯的~簡單易懂 : JSON.stringify 语法讲解 – 随风浪迹天涯 – 博客园

感想

以往再使用json都是透過ajax 傳遞，所以可以透過查看response就可以看到相關內容，這次單單用在client就覺得JSON.stringify特好用的，看來還是要多多把基本功打好才行呀~^^

Be Sociable, Share!

•