玩玩 jsbin.com

好用的jsbin，http://jsbin.com是一套前端的編輯工具線上，可在撰寫前端程式碼，然後可即時反應，也不用自己F5，XD

開始玩一下吧

在JavaScript區塊中來個JSON如下，完成JSON後，再按CTRL+S，進行存檔

{ 
  
  "name": "jsbin",
  "age": 99,
  "birthday": "1988/02/02",
  "mails": {"home": "hotmail@mail.com", "work": "yahoo@mail.com"},
  "phones": {"mobile": "0923456789", "home": "048353868" }
            
}

將網址列的URL記下來，等一下會用到

再開一個新的jsbin，在JavaScript區塊中來個一段如下

$.ajax({
  url: 'http://jsbin.com/dijeyodote/2/edit?js',
  dataType: 'json',
  success: function(data) {

    var json_str=JSON.stringify(data);
    var json = JSON.parse(json_str);
    alert(json.phones.mobile);   
    
  }
    
});

完成，顯示JSON的mobile值

好，收工 XD

JSON.parse(), 將字串JSON物件

JSON.parse(), 將字串JSON物件

//JSON string 
var json_str = '{"name":"jsbin","age":99,"birthday":"1988/02/02"';
json_str.concat(',"mails":{"home":"hotmail@mail.com","work":"yahoo@mail.com"}');
json_str.concat(',"phones":{"mobile":"0923456789","home":"048353868"}}');

//轉JSON物件
var json = JSON.parse(json_str);
alert(json.mails.home);

收工

JSON.stringify(), JSON資料轉字串

JSON.stringify(), JSON資料轉字串

//JSON資料
var data = { 
  "name": "jsbin",
  "age": 99,
  "birthday": "1988/02/02",
  "mails": {"home": "hotmail@mail.com", "work": "yahoo@mail.com"},
  "phones": {"mobile": "0923456789", "home": "048353868" }
}

//轉字串
var json_str = JSON.stringify(data);
alert(json_str);

JSON.parse(), 將字串JSON物件

//JSON string 
var json_str = '{"name":"jsbin","age":99,"birthday":"1988/02/02"';
json_str.concat(',"mails":{"home":"hotmail@mail.com","work":"yahoo@mail.com"}');
json_str.concat(',"phones":{"mobile":"0923456789","home":"048353868"}}');

//轉JSON物件
var json = JSON.parse(json_str);
alert(json.mails.home);

收工