{"id":2709,"date":"2016-10-27T00:51:02","date_gmt":"2016-10-26T15:51:02","guid":{"rendered":"http:\/\/taitan916.info\/blog\/?p=2709"},"modified":"2024-01-13T14:34:13","modified_gmt":"2024-01-13T05:34:13","slug":"post-2709","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/2709","title":{"rendered":"Ajax\u3067\u30d7\u30e9\u30b0\u30a4\u30f3\u7121\u3057\u306e\u30d5\u30a1\u30a4\u30eb\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u65b9\u6cd5"},"content":{"rendered":"

\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u6dfb\u4ed8\u3067\u304d\u3066\u3001\u5c1a\u4e14\u3064Ajax\u3092\u7528\u3044\u305f\u975e\u540c\u671f\u901a\u4fe1\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u308a\u305f\u304b\u3063\u305f\u3002\u3044\u3064\u3082\u3067\u3042\u308c\u3070\u9069\u5f53\u306bjQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u7528\u610f\u3057\u3066\u5bfe\u5fdc\u3057\u3066\u3044\u305f\u3051\u3069\u3001\u3061\u3087\u3063\u3068\u8abf\u3079\u308b\u3068FormData\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3044\u3046WebAPI\u3092\u7528\u3044\u308b\u3053\u3068\u3067\u30d7\u30e9\u30b0\u30a4\u30f3\u7121\u3057\u3067\u3082\u5bfe\u5fdc\u53ef\u80fd\u3060\u3063\u305f\u3002\u30b5\u30f3\u30d7\u30eb\u3068\u30bd\u30fc\u30b9\u306e\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8<\/h2>\n

\u00a0https:\/\/taitan916.info\/sample\/formdata\/<\/a><\/p>\n

\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3068\u753b\u50cf\u3092ajax\u3067\u9001\u4fe1\u3057\u6210\u529f\u3059\u308c\u3070\u540c\u30da\u30fc\u30b8\u5185\u306bvar_dump\u3057\u305f\u30c7\u30fc\u30bf\u304c\u8868\u793a\u3055\u308c\u308b\u3002\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u306f\u3057\u3066\u3044\u306a\u3044\u3002<\/p>\n

 <\/p>\n

\u30d5\u30a9\u30fc\u30e0\u304c\u3042\u308b\u30da\u30fc\u30b8<\/h2>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>FormData \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30c6\u30b9\u30c8<\/title>\r\n<script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.1\/jquery.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n    <form onsubmit=\"return testForm(this);\" method=\"POST\">\r\n        \u540d\u524d<br>\r\n        <input type=\"text\" name=\"name\"><br><br>\r\n        \u5185\u5bb9<br>\r\n        <textarea name=\"body\"><\/textarea><br><br>\r\n        \u753b\u50cf<br>\r\n        <input type=\"file\" name=\"img\"><br><br>\r\n        <input type=\"submit\" value=\"\u9001\u4fe1\" name=\"submit\">\r\n    <\/form>\r\n\r\n    <pre id=\"result\"><\/pre>\r\n\r\n    <script>\r\n    function testForm( form ){\r\n\r\n        var form_data = new FormData( form );\r\n\r\n\r\n        $.ajax({\r\n            url : \"ajax.php\",\r\n            type : \"POST\",\r\n            data : form_data,\r\n            cache : false,\r\n            contentType : false,\r\n            processData : false,\r\n            dataType : \"html\"\r\n        })\r\n        .done(function(data, textStatus, jqXHR){\r\n            if( data ){\r\n                $('#result').html(data);\r\n            }else{\r\n                alert('\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002');\r\n            }\r\n        })\r\n        .fail(function(jqXHR, textStatus, errorThrown){\r\n            alert(\"fail\");\r\n        });\r\n\r\n        return false;\r\n    }\r\n\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
 <\/p>\n
Ajax\u53d7\u53d6\u30da\u30fc\u30b8<\/h2>\n
<?php\r\nvar_dump($_POST, $_FILES);<\/pre>\n
 <\/p>\n
\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n
https:\/\/developer.mozilla.org\/ja\/docs\/Web\/Guide\/Using_FormData_Objects<\/a><\/p>\n
https:\/\/developer.mozilla.org\/ja\/docs\/Web\/API\/FormData<\/a><\/p>\n
 <\/p>\n
\u305d\u306e\u4ed6<\/h2>\n
\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u7528\u610f\u3057\u306a\u304f\u3066\u3088\u3044\u306e\u306f\u975e\u5e38\u306b\u3042\u308a\u304c\u305f\u3044\u3002\u30d6\u30e9\u30a6\u30b6\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3088\u3063\u3066\u306f\u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u3088\u3046\u306a\u306e\u3067\u305d\u306e\u70b9\u306f\u6ce8\u610f\u3059\u308b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u6dfb\u4ed8\u3067\u304d\u3066\u3001\u5c1a\u4e14\u3064Ajax\u3092\u7528\u3044\u305f\u975e\u540c\u671f\u901a\u4fe1\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u308a\u305f\u304b\u3063 ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[91],"class_list":["post-2709","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript","tag-image"],"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