{"id":2392,"date":"2012-06-06T10:35:50","date_gmt":"2012-06-06T01:35:50","guid":{"rendered":"http:\/\/mechsys.tec.u-ryukyu.ac.jp\/~oshiro\/SiteList\/?p=2392"},"modified":"2012-06-06T21:46:41","modified_gmt":"2012-06-06T12:46:41","slug":"yoyyyeiiojqueryce","status":"publish","type":"post","link":"http:\/\/mechsys.tec.u-ryukyu.ac.jp\/~oshiro\/SiteList\/2012\/06\/06\/2392\/","title":{"rendered":"\u30d5\u30a1\u30a4\u30eb\u4e00\u89a7\u3092jQuery\u3067\u8868\u793a"},"content":{"rendered":"

\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u306e\u4e00\u89a7\u3092jQuery\u3067\u8868\u793a\u3055\u305b\u308b\u3002\u305d\u306e\u5bfe\u8c61\u30d5\u30a1\u30a4\u30eb\u540d\u306e\u53d6\u5f97\u81ea\u4f53\u306fJavaScript\u3067\u306f\u5bfe\u5fdc\u3067\u304d\u306a\u3044\u306e\u3067\u3001\u5225\u9014php\u306b\u4e0b\u8acb\u3051\u306b\u51fa\u3059\u5f62\u306b\u3059\u308b\u3002<\/p>\n

<!-- index.html -->\r\n<html>\r\n<head>\r\n<title>Image List<\/title>\r\n\r\n<script src="\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.2\/jquery.min.js"><\/script>\r\n\r\n<style type="text\/css">\r\nimg {border: none;}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div id="message"><\/div>\r\n<div id="image_list"><\/div>\r\n<\/body>\r\n\r\n<script type="text\/javascript">\r\n$.getJSON("images_json.php", function(json) {\r\n  for (var i=0; i<json.length; i++) {\r\n    var fname=json[i].fname;\r\n    $("#image_list").append("<img src="images\/"+fname+"" alt=""+fname+"" title=""+fname+"" \/>");\r\n  }\r\n  $("#message").text(json.length+" images.");\r\n});\r\n<\/script><\/pre><\/div><\/div>\n
\u4e0a\u8a18\u306b\u3042\u308b\u300c$.getJSON(“\u4e0b\u8acb\u3051php\u30b9\u30af\u30ea\u30d7\u30c8”, \u30c7\u30fc\u30bf\u51e6\u7406\u95a2\u6570)\u300d\u306e\u5f62\u3067\u30c7\u30fc\u30bf\u53d6\u5f97\u3068\u8868\u793a\u3002<\/p>\n
\u3067\u3001\u30d5\u30a1\u30a4\u30eb\u30ea\u30b9\u30c8\u3092\u751f\u6210\u3059\u308b\u4e0b\u8acb\u3051\u5074\u306ephp\u30b9\u30af\u30ea\u30d7\u30c8\uff08\u30d5\u30a1\u30a4\u30eb\u4e00\u89a7\u3092\u53d6\u5f97\u3059\u308b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u6307\u5b9a\u306f\u5f15\u6570\u306a\u3069\u306b\u305b\u305a\u3001\u3068\u308a\u3042\u3048\u305a\u30b9\u30af\u30ea\u30d7\u30c8\u3078\u57cb\u3081\u8fbc\u307f\uff09\uff1a<\/p>\n
<?php\r\n<\/span>\/\/ images_json.php: \u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u4e00\u89a7\u3092\u53d6\u5f97\u3057JSON\u5f62\u5f0f\u3067\u6e21\u3059\r\n\r\n<\/span>if <\/span>(<\/span>$handle<\/span>=<\/span>opendir<\/span>(<\/span>"<\/span>\/fullpath\/images\/<\/span>"<\/span>)) {\r\n    <\/span>$files<\/span>=<\/span>array<\/span>()<\/span>;\r\n    <\/span>while <\/span>((<\/span>$fname<\/span> = <\/span>readdir<\/span>(<\/span>$handle<\/span>))<\/span>!==<\/span>false<\/span>) {\r\n        <\/span>if <\/span>(<\/span>!<\/span>preg_match<\/span>(<\/span>'<\/span>\/.(jpe?g|gif|png|bmp|tiff?)$\/i<\/span>'<\/span>, <\/span>$fname<\/span>)) <\/span>continue<\/span>;\r\n        <\/span>array_push<\/span>(<\/span>$files<\/span>, <\/span>array<\/span>(<\/span>'<\/span>fname<\/span>'<\/span>=><\/span>$fname<\/span>))<\/span>;\r\n    <\/span>}\r\n    <\/span>closedir<\/span>(<\/span>$handle<\/span>)<\/span>;\r\n\r\n    <\/span>print json_encode<\/span>(<\/span>$files<\/span>)<\/span>;\r\n<\/span>}\r\n<\/span>?><\/span><\/pre><\/div><\/div>\n
JSON\u5f62\u5f0f\u306e\u751f\u6210\u306f\u3001\u300c\u30ad\u30fc=>\u5024\u300d\u306e\u5f62\u3067\u9023\u60f3\u914d\u5217\u306b\u3057\u3001\u305d\u308c\u3092\u4e00\u3064\u305a\u3064array_push\u3067\u7d0d\u3081\u3066\u3044\u3063\u3066\u3001\u305d\u306e\u914d\u5217\u3092json_encode()\u306b\u639b\u3051\u308c\u3070\u6b21\u306e\u3088\u3046\u306a\u30c7\u30fc\u30bf\u3068\u306a\u308b\uff1a<\/p>\n
[\r\n  {<\/span>"<\/span>fname<\/span>"<\/span>:<\/span>"<\/span>CIMG2782.JPG<\/span>"<\/span>}<\/span>,\r\n  <\/span>{<\/span>"<\/span>fname<\/span>"<\/span>:<\/span>"<\/span>CIMG2780.JPG<\/span>"<\/span>}<\/span>,\r\n  <\/span>{<\/span>"<\/span>fname<\/span>"<\/span>:<\/span>"<\/span>CIMG2785.JPG<\/span>"<\/span>}<\/span>,\r\n    ...\r\n<\/span>]<\/span><\/pre><\/div><\/div>\n
\u53c2\u8003\u30ea\u30f3\u30af\uff1a<\/strong><\/p>\n