{"id":755,"date":"2025-01-05T22:30:19","date_gmt":"2025-01-05T14:30:19","guid":{"rendered":"https:\/\/www.laixuexila.com\/?p=755"},"modified":"2025-01-05T22:30:19","modified_gmt":"2025-01-05T14:30:19","slug":"%e5%ae%a2%e6%88%b7%e7%ab%af-javascript-%e5%92%8c%e6%9c%8d%e5%8a%a1%e5%99%a8%e7%ab%af-php-%e6%98%af%e5%a6%82%e4%bd%95%e4%ba%a4%e4%ba%92%e7%9a%84%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.laixuexila.com\/index.php\/2025\/01\/05\/%e5%ae%a2%e6%88%b7%e7%ab%af-javascript-%e5%92%8c%e6%9c%8d%e5%8a%a1%e5%99%a8%e7%ab%af-php-%e6%98%af%e5%a6%82%e4%bd%95%e4%ba%a4%e4%ba%92%e7%9a%84%ef%bc%9f\/","title":{"rendered":"\u5ba2\u6237\u7aef JavaScript \u548c\u670d\u52a1\u5668\u7aef PHP \u662f\u5982\u4f55\u4ea4\u4e92\u7684\uff1f"},"content":{"rendered":"\n
\n

\u5728 Web \u5f00\u53d1\u4e2d\uff0c\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7aef\u901a\u5e38\u901a\u8fc7 HTTP \u8bf7\u6c42\u548c\u54cd\u5e94\u8fdb\u884c\u4ea4\u4e92\u3002JavaScript \u4f5c\u4e3a\u5ba2\u6237\u7aef\u811a\u672c\u8bed\u8a00\uff0cPHP \u4f5c\u4e3a\u670d\u52a1\u5668\u7aef\u811a\u672c\u8bed\u8a00\uff0c\u5b83\u4eec\u901a\u8fc7 AJAX\u3001\u8868\u5355\u63d0\u4ea4\u3001URL \u53c2\u6570\u7b49\u65b9\u5f0f\u6765\u4e92\u76f8\u901a\u4fe1\u3002\u8fd9\u79cd\u4ea4\u4e92\u4f7f\u5f97\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u80fd\u591f\u5728\u4e0d\u91cd\u65b0\u52a0\u8f7d\u9875\u9762\u7684\u60c5\u51b5\u4e0b\u4ea4\u6362\u6570\u636e\uff0c\u63d0\u4f9b\u52a8\u6001\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n<\/blockquote>\n\n\n\n

\u4ee5\u4e0b\u662f\u5ba2\u6237\u7aef JavaScript \u548c\u670d\u52a1\u5668\u7aef PHP \u5982\u4f55\u4ea4\u4e92\u7684\u51e0\u79cd\u5e38\u89c1\u65b9\u5f0f\uff1a<\/p>\n\n\n\n

\n\n\n\n

1. \u4f7f\u7528 AJAX\uff08Asynchronous JavaScript and XML\uff09<\/h3>\n\n\n\n

AJAX \u662f\u4e00\u79cd\u6280\u672f\uff0c\u5141\u8bb8\u7f51\u9875\u5728\u4e0d\u91cd\u65b0\u52a0\u8f7d\u6574\u4e2a\u9875\u9762\u7684\u60c5\u51b5\u4e0b\u4e0e\u670d\u52a1\u5668\u4ea4\u6362\u6570\u636e\u3002AJAX \u5728\u5ba2\u6237\u7aef\uff08\u901a\u5e38\u662f JavaScript\uff09\u4e0e\u670d\u52a1\u5668\u7aef\uff08PHP\uff09\u4e4b\u95f4\u5b9e\u73b0\u5f02\u6b65\u901a\u4fe1\u3002<\/p>\n\n\n\n

\u793a\u4f8b\uff1a\u4f7f\u7528 AJAX \u5411 PHP \u53d1\u9001\u8bf7\u6c42\u5e76\u63a5\u6536\u54cd\u5e94<\/h4>\n\n\n\n

HTML + JavaScript\uff08\u5ba2\u6237\u7aef\u4ee3\u7801\uff09<\/h5>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>AJAX Example<\/title>\n    <script>\n        \/\/ JavaScript \u51fd\u6570\uff0c\u4f7f\u7528 AJAX \u5411 PHP \u53d1\u9001\u8bf7\u6c42\n        function sendRequest() {\n            \/\/ \u521b\u5efa XMLHttpRequest \u5bf9\u8c61\n            var xhr = new XMLHttpRequest();\n            var name = document.getElementById(\"name\").value;\n\n            \/\/ \u8bbe\u7f6e\u8bf7\u6c42\u7c7b\u578b\u548c URL\n            xhr.open(\"GET\", \"server.php?name=\" + name, true);\n\n            \/\/ \u8bbe\u7f6e\u56de\u8c03\u51fd\u6570\uff0c\u63a5\u6536\u54cd\u5e94\n            xhr.onreadystatechange = function() {\n                if (xhr.readyState == 4 && xhr.status == 200) {\n                    \/\/ \u663e\u793a\u4ece\u670d\u52a1\u5668\u7aef\u8fd4\u56de\u7684\u6570\u636e\n                    document.getElementById(\"response\").innerHTML = xhr.responseText;\n                }\n            };\n\n            \/\/ \u53d1\u9001\u8bf7\u6c42\n            xhr.send();\n        }\n    <\/script>\n<\/head>\n<body>\n    <h2>AJAX Example with JavaScript and PHP<\/h2>\n    <label for=\"name\">Enter your name:<\/label>\n    <input type=\"text\" id=\"name\">\n    <button onclick=\"sendRequest()\">Send Request<\/button>\n\n    <div id=\"response\"><\/div>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
PHP\uff08\u670d\u52a1\u5668\u7aef\u4ee3\u7801\uff1aserver.php<\/code>\uff09<\/h5>\n\n\n\n
<?php\n\/\/ \u83b7\u53d6\u5ba2\u6237\u7aef\u4f20\u6765\u7684\u6570\u636e\nif (isset($_GET['name'])) {\n    $name = htmlspecialchars($_GET['name']);\n    echo \"Hello, \" . $name . \"! This is the response from the server.\";\n}\n?><\/code><\/pre>\n\n\n\n
\u89e3\u91ca\uff1a<\/h4>\n\n\n\n