{"id":1743,"date":"2022-07-04T08:06:29","date_gmt":"2022-07-03T23:06:29","guid":{"rendered":"https:\/\/itinfotat.com\/?p=1743"},"modified":"2022-07-10T22:27:14","modified_gmt":"2022-07-10T13:27:14","slug":"%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%ae%e3%82%b7%e3%83%aa%e3%82%a2%e3%83%a9%e3%82%a4%e3%82%ba%ef%bc%88jquery%ef%bc%89","status":"publish","type":"post","link":"https:\/\/itinfotat.com\/?p=1743","title":{"rendered":"\u30d5\u30a9\u30fc\u30e0\u306e\u30b7\u30ea\u30a2\u30e9\u30a4\u30ba\uff08jQuery\uff09"},"content":{"rendered":"\n

Ajax\u7b49\u3067form\u8981\u7d20\u306e\u5024\u3092\u4e00\u62ec\u3067\u6e21\u3057\u305f\u3044\u5834\u5408\u306f\u4e0b\u8a18\u306e\u3088\u3046\u306bserialize\u3092\u5229\u7528\u3053\u3068\u3067\u4e00\u62ec\u3067\u6e21\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang="ja">\n<head>\n    <meta charset="UTF-8">\n    <meta http-equiv="X-UA-Compatible" content="IE=edge">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Document<\/title>\n    <script src="https:\/\/code.jquery.com\/jquery-3.5.1.min.js"><\/script>\n<\/head>\n<body>\n    <form id="f1">\n        <input type="text" id="txt01" name="txt01" value="txt01"\/>\n        <input type="text" id="txt02" name="txt02" value="txt02"\/>\n        <input type="text" id="txt03" name="txt03" value="txt03"\/>\n        <button type="submit">submit<\/button>\n    <\/form>\n    <div id="out"><\/div>\n<\/body>\n<script>\n    $('form').submit(function(event) {\n      event.preventDefault();\n      $.ajax('test01.html',\n        {\n        type: 'POST',\n        data: $(this).serialize(),\n        dataType : 'html'\n      })\n      \/\/ Ajax\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u6210\u529f\u3057\u305f\u5834\u5408\n      .done(function(data){\n        alert(data);\n      })\n      \/\/ Ajax\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u5931\u6557\u3057\u305f\u5834\u5408\n      .fail(function(Request, Status, error){\n        alert(error);\n      });\n    });\n\n<\/script>\n<\/html><\/code><\/pre><\/div>\n\n\n\n
\u6ce8\uff09input\u8981\u7d20\u306b\u306fname\u5c5e\u6027\u304c\u4ed8\u3051\u306a\u3044\u3068\u30b7\u30ea\u30a2\u30e9\u30a4\u30ba\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n
\u3010\u52d5\u4f5c\u78ba\u8a8d\u74b0\u5883\u3011
OS\uff1aWindows11 Pro 21H2 
Visual Studio Code\uff1a1.64.2
Chrome\uff1a101.0.4951.54<\/p>\n\n\n\n