{"id":13040,"date":"2022-08-16T00:30:59","date_gmt":"2022-08-15T16:30:59","guid":{"rendered":"https:\/\/fgchen.com\/wpedu\/?p=13040"},"modified":"2026-03-30T14:33:16","modified_gmt":"2026-03-30T06:33:16","slug":"php-jquery-ajax-post-%e8%a6%81%e6%b1%82%e7%af%84%e4%be%8b","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2022\/08\/php-jquery-ajax-post-%e8%a6%81%e6%b1%82%e7%af%84%e4%be%8b\/","title":{"rendered":"PHP jQuery Ajax Post \u8981\u6c42\u7bc4\u4f8b"},"content":{"rendered":"index.php<\/strong>\r\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>Php Ajax Form Validation Example<\/title>\r\n    <script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-1.9.1.min.js\"><\/script>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\">\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"container\">\r\n  <h1>Php Ajax Form Validation Example<\/h1>\r\n  <form role=\"form\" id=\"contactForm\" class=\"contact-form\" data-toggle=\"validator\" class=\"shake\">\r\n    <div class=\"alert alert-danger display-error\" style=\"display: none\">\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <div class=\"controls\">\r\n        <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Name\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <div class=\"controls\">\r\n        <input type=\"email\" class=\"email form-control\" id=\"email\" placeholder=\"Email\" >\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <div class=\"controls\">\r\n        <input type=\"text\" id=\"msg_subject\" class=\"form-control\" placeholder=\"Subject\" >\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <div class=\"controls\">\r\n        <textarea id=\"message\" rows=\"7\" placeholder=\"Massage\" class=\"form-control\"><\/textarea>\r\n      <\/div>  \r\n    <\/div>\r\n    <button type=\"submit\" id=\"submit\" class=\"btn btn-success\"><i class=\"fa fa-check\"><\/i> Send Message<\/button>\r\n  <\/form>\r\n<\/div>\r\n\r\n\r\n<\/body>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n  $(document).ready(function() {\r\n\r\n\r\n      $('#submit').click(function(e){\r\n        e.preventDefault();\r\n\r\n\r\n        var name = $(\"#name\").val();\r\n        var email = $(\"#email\").val();\r\n        var msg_subject = $(\"#msg_subject\").val();\r\n        var message = $(\"#message\").val();\r\n\r\n\r\n        $.ajax({\r\n            type: \"POST\",\r\n            url: \"\/formProcess.php\",\r\n            dataType: \"json\",\r\n            data: {name:name, email:email, msg_subject:msg_subject, message:message},\r\n            success : function(data){\r\n                if (data.code == \"200\"){\r\n                    alert(\"Success: \" +data.msg);\r\n                } else {\r\n                    $(\".display-error\").html(\"<ul>\"+data.msg+\"<\/ul>\");\r\n                    $(\".display-error\").css(\"display\",\"block\");\r\n                }\r\n            }\r\n        });\r\n\r\n\r\n      });\r\n  });\r\n<\/script>\r\n<\/html><\/pre>\r\n \r\n\r\nformProcess.php<\/strong>\r\n
<?php\r\n\r\n\r\n$errorMSG = \"\";\r\n\r\n\r\n\/* NAME *\/\r\nif (empty($_POST[\"name\"])) {\r\n    $errorMSG = \"<li>Name is required<\/<li>\";\r\n} else {\r\n    $name = $_POST[\"name\"];\r\n}\r\n\r\n\r\n\/* EMAIL *\/\r\nif (empty($_POST[\"email\"])) {\r\n    $errorMSG .= \"<li>Email is required<\/li>\";\r\n} else if(!filter_var($_POST[\"email\"], FILTER_VALIDATE_EMAIL)) {\r\n    $errorMSG .= \"<li>Invalid email format<\/li>\";\r\n}else {\r\n    $email = $_POST[\"email\"];\r\n}\r\n\r\n\r\n\/* MSG SUBJECT *\/\r\nif (empty($_POST[\"msg_subject\"])) {\r\n    $errorMSG .= \"<li>Subject is required<\/li>\";\r\n} else {\r\n    $msg_subject = $_POST[\"msg_subject\"];\r\n}\r\n\r\n\r\n\/* MESSAGE *\/\r\nif (empty($_POST[\"message\"])) {\r\n    $errorMSG .= \"<li>Message is required<\/li>\";\r\n} else {\r\n    $message = $_POST[\"message\"];\r\n}\r\n\r\n\r\nif(empty($errorMSG)){\r\n    $msg = \"Name: \".$name.\", Email: \".$email.\", Subject: \".$msg_subject.\", Message:\".$message;\r\n    echo json_encode(['code'=>200, 'msg'=>$msg]);\r\n    exit;\r\n}\r\n\r\n\r\necho json_encode(['code'=>404, 'msg'=>$errorMSG]);\r\n\r\n\r\n?><\/pre>\r\n \r\n\r\n ","protected":false},"excerpt":{"rendered":"
index.php <!DOCTYPE html> <html … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-13040","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/13040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=13040"}],"version-history":[{"count":2,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/13040\/revisions"}],"predecessor-version":[{"id":13237,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/13040\/revisions\/13237"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=13040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=13040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=13040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}