{"id":438,"date":"2013-02-26T23:19:24","date_gmt":"2013-02-26T14:19:24","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=438"},"modified":"2024-02-06T13:05:57","modified_gmt":"2024-02-06T04:05:57","slug":"post-438","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/438","title":{"rendered":"jQuery\u306b\u3066\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Ajax\u901a\u4fe1\u3057\u7d50\u679c\u3092\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306b\u53cd\u6620\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"

jQuery\u3092\u5229\u7528\u3057\u30da\u30fc\u30b8\u5185\u306e\u7279\u5b9a\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u6307\u5b9a\u306e\u30da\u30fc\u30b8\u306bAjax\u901a\u4fe1\u3057\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u7d50\u679c\u3092\u7279\u5b9a\u306e\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306evalue\u306b\u53cd\u6620\u3055\u305b\u305f\u3044\u3002\u307e\u305f\u3001Ajax\u901a\u4fe1\u3059\u308b\u30da\u30fc\u30b8\u306f\u8aad\u307f\u8fbc\u3080\u5ea6\u306b\u7570\u306a\u308b\u5185\u5bb9\u304c\u8868\u793a\u3055\u308c\u308b\u305f\u3081\u3001\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u305f\u3073\u306b\u305d\u306e\u5185\u5bb9\u3092\u53cd\u6620\u3055\u305b\u305f\u3044\u3002\u4ee5\u4e0b\u306b\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3068\u30b5\u30f3\u30d7\u30eb\u3092\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n

https:\/\/api.jquery.com\/jQuery.ajax\/<\/a><\/p>\n

 <\/p>\n

\u30b5\u30f3\u30d7\u30eb<\/h2>\n

https:\/\/taitan916.info\/sample\/ajax\/btn_textbox\/<\/a><\/p>\n

 <\/p>\n

\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n

Ajax\u901a\u4fe1\u306e\u7d50\u679c\u3092\u8fd4\u3059\u30da\u30fc\u30b8(ajax.php)<\/h3>\n
<?php\r\n$name = array('\u5c71\u7530', '\u9234\u6728', '\u4f50\u3005\u6728', '\u7530\u4e2d');\r\necho $name[array_rand($name, 1)];<\/pre>\n
\u300c$name\u300d\u914d\u5217\u306e\u4e2d\u304b\u3089\u30e9\u30f3\u30c0\u30e0\u30671\u3064\u306e\u5024\u3092\u8868\u793a\u3059\u308b\u5f62\u3002<\/p>\n
Ajax\u901a\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3059\u308b\u30da\u30fc\u30b8(index.php)<\/h3>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>Ajax\u3067\u30dc\u30bf\u30f3\u3068\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u64cd\u4f5c\u306e\u30b5\u30f3\u30d7\u30eb<\/title>\r\n<\/head>\r\n<body>\r\n    <input type=\"text\" id=\"name\" value=\"\">\r\n    <input type=\"button\" value=\"\u30c6\u30b9\u30c8\u30dc\u30bf\u30f3\" id=\"name_change\">\r\n\r\n    <script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n    <script type=\"text\/javascript\">\r\n    $(function(){\r\n        $(`#name_change`).click(function(){\r\n            $.ajax({\r\n                url: `.\/ajax.php?t=${$.now()}`,\r\n            }).done(function(result){\r\n                if( result ){\r\n                    $(`#name`).val(result);\r\n                }else{\r\n                    alert(`\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002`);\r\n                }\r\n\r\n            \/\/ajax\u81ea\u4f53\u306e\u30a8\u30e9\u30fc\u6642\r\n            }).fail(function(){\r\n                alert(`\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002`);\r\n\r\n            }).always(function(){\r\n                \/\/\u5b8c\u4e86\u5f8c\u306e\u51e6\u7406\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
\u300c.\/ajax.php?t=${$.now()}\u300d\u90e8\u5206\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u5bfe\u7b56\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u4ed8\u4e0e\u3057\u3066\u3044\u308b\u3002\u3053\u3053\u306f\u30b5\u30fc\u30d0(Apache\u7b49)\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u8a2d\u5b9a\u306b\u3088\u3063\u3066\u306f\u4e0d\u8981\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery\u3092\u5229\u7528\u3057\u30da\u30fc\u30b8\u5185\u306e\u7279\u5b9a\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u6307\u5b9a\u306e\u30da\u30fc\u30b8\u306bAja ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-438","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t