{"id":85,"date":"2008-12-10T23:54:41","date_gmt":"2008-12-10T14:54:41","guid":{"rendered":"http:\/\/devel.vitalify.jp\/wp_admin\/?p=85"},"modified":"2012-11-12T19:53:24","modified_gmt":"2012-11-12T10:53:24","slug":"jqueryjson","status":"publish","type":"post","link":"https:\/\/vitalify.jp\/blog\/2008\/12\/jqueryjson.html","title":{"rendered":"jQuery\u3067JSON\u3092\u6271\u3046"},"content":{"rendered":"

\u304a\u4e16\u8a71\u306b\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3001\u30d0\u30a4\u30bf\u30ea\u30d5\u30a3\u52a0\u85e4\u3067\u3059\uff01<\/p>\n

\u6700\u8fd1jQuery\u3067\u5916\u90e8\u30d5\u30a1\u30a4\u30eb\u306eJSON\u304b\u3089\u30c7\u30fc\u30bf\u3092\u629c\u304d\u51fa\u3057\u3066\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5410\u304d\u51fa\u3057\u305f\u308a\u306a\u3093\u3060\u308a\u3057\u305f\u306e\u3067\u305d\u306e\u8fba\u3092\u66f8\u3044\u3066\u307f\u307e\u3059\u3002
\u30ea\u30cf\u30d3\u30ea\u3067\u3059\u3002<\/p>\n

\/\/javascript
var jsonDataUrl = \".\/modules\/json\/data,json\";
$.getJSON(jsonDataUrl,function(json) {
  successFunc(json);
  return;
});
<\/pre>\n
\u4ee5\u4e0a\u3067\u3059\u3002<\/p>\n
\u307e\u3058\u3067\u30fc\uff01<\/p>\n
\u3068\u3044\u3046\u3053\u3068\u3067jQury\u3067json\u3092\u8aad\u307f\u8fbc\u3080\u306e\u304c\u51c4\u304f\u697d\u306a\u3053\u3068\u304c\u3088\u304f\u308f\u304b\u308a\u307e\u3057\u305f\u3002
\u3058\u3083\u3041\u3064\u3044\u3067\u306a\u306e\u3067json\u306e\u4e2d\u8eab\u3092\u547c\u3073\u51fa\u3057\u3066\u898b\u307e\u3057\u3087\u3046\u3002<\/p>\n
\u305f\u3068\u3048\u3070\u3053\u3093\u306ajson<\/p>\n
\/\/json
{\"title\":\"sample data\",\"person\":[
{\"id\":\"1\",\"nameFirst\":\"\u5f70\u5247\",\"nameLast\":\"\u52a0\u85e4\",\"age\":\"24\",\"birth\":\"1983-12-22\"}
]}<\/pre>\n
\u3053\u3053\u304b\u3089\u8a95\u751f\u65e5\u3092\u629c\u304d\u51fa\u3057\u3066\u307f\u3088\u3046<\/p>\n
\/\/javascript
var successFunc = function(json) {
  alert(json.person[0].birth);
};<\/pre>\n
\u306a\u3093\u3068\u3001json\u306e\u4e2d\u8eab\u306f\u5168\u3066$.getJSON\u95a2\u6570\u3067\u5f15\u3063\u5f35\u308a\u51fa\u3059\u3068\u52dd\u624b\u306b\u30d1\u30fc\u30b9\u3057\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u683c\u7d0d\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u305f\u3069\u308b\u3060\u3051\u3067\u3059\u3002
\u3053\u308c\u306f\u697d\u30c1\u30f3\uff01<\/p>\n
\u672c\u5f53\u306b\u8aac\u660e\u3059\u308b\u3053\u3068\u3082\u306a\u3044\u304f\u3089\u3044\u624b\u9593\u304c\u5358\u7d14\u5316\u3055\u308c\u3066\u3044\u308b\u3093\u3067\u3059\u304c\u3001\u300cjson\u300d\u3063\u3066\u805e\u3044\u305f\u3060\u3051\u3067\u306a\u3093\u3060\u304b\u6577\u5c45\u304c\u9ad8\u304f\u611f\u3058\u3066\u3057\u307e\u3044\u307e\u3059\u306e\u3067\u305d\u306e\u5370\u8c61\u306f\u3082\u3063\u305f\u3044\u306a\u3044\u3088\uff01\u3068\u3044\u3046\u304a\u8a71\u3067\u3057\u305f\u3002
\u3064\u3044\u3067\u306b\u81ea\u5206\u306e\u8a95\u751f\u65e5\u3082\u30a2\u30d4\u30fc\u30eb\u3067\u304d\u305f\u306e\u3067\u3053\u308c\u3067\u8ab0\u304b\u304c\u4f55\u304b\u3092\u304f\u308c\u308b\u3053\u3068\u3092\u671f\u5f85\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n
\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3068\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8\u7f6e\u3044\u3066\u304a\u304d\u307e\u3059\u3002
http:\/\/www.vfbox.com\/staff_area\/kato\/blog\/getJSON\/<\/a><\/p>\n
\/\/javascript
$(function() {
  var jsonDataUrl = \".\/module\/json\/sample.json\";
  \/\/json\u3092\u547c\u3073\u51fa\u3057\u3066\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\u95a2\u6570\u3078\u6ce8\u304e\u8fbc\u3080
  $.getJSON(jsonDataUrl,function(json) {
    \/\/\u30dc\u30bf\u30f3\u306b\u30a4\u30d9\u30f3\u30c8\u3092
    $(\"input#getMyBirth\").click(function() {
      \/\/\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u308c\u308b\u30dc\u30c3\u30af\u30b9\u751f\u6210
      $(this).parent().after('<p id=\"result\"><\/p>');
      
      \/\/nameLast\u3092\u3088\u3073\u3060\u3057
      var message = json.person[0].nameLast;

      message += ' \u306e\u8a95\u751f\u65e5\u306f ';
      
      \/\/birth\u3092\u547c\u3073\u51fa\u3057
      message += json.person[0].birth;
      
      message += ' \u3067\u3059\u3002\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059';
      
      \/\/\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u66f8\u304d\u51fa\u3057
      $(\"p#result\").html(message);
      
      \/\/form\u30dc\u30bf\u30f3\u306e\u7121\u52b9\u5316
      return false;
    });
  });
});
<\/pre>\n
\u8a95\u751f\u65e5\u304c\u8fd1\u3044\uff01
\u304a\u75b2\u308c\u69d8\u3067\u3057\u305f\uff01
 <\/p>\n
<\/div>\n
<\/div>\n
\n            
<\/div><\/fb:like><\/div>\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>