websiteTeam/website
1
0
Fork 0
mirror of https://github.com/ZSCNetSupportDept/website.git synced 2025-10-29 01:15:04 +08:00
Code Activity
Files
341d253887e1e230dafbe4c257c784bc97dd0940
website/assets/js/707315f8.46a18bbc.js

1 line
52 KiB
JavaScript
Raw Blame History

"use strict";(self.webpackChunkdeveloper_zsc=self.webpackChunkdeveloper_zsc||[]).push([[8752],{3277:(e,n,l)=>{l.r(n),l.d(n,{assets:()=>h,contentTitle:()=>r,default:()=>a,frontMatter:()=>c,metadata:()=>s,toc:()=>t});const s=JSON.parse('{"id":"devdocs/\u57f9\u8bad/Web\u540e\u7aef/Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd","title":"Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd","description":"\u8fd9\u7bc7\u6587\u7ae0\u5c06\u5e26\u4f60\u5b66\u4e60\u6784\u5efa\u4e00\u4e2aWeb\u540e\u7aef\u7684\u7b80\u5355\u77e5\u8bc6;\u4f5c\u4e3a\u4e00\u7bc7\u57fa\u7840\u7684\u6559\u7a0b\uff0c\u6211\u4eec\u5728\u6559\u7a0b\u91cc\u4e0d\u4f1a\u592a\u591a\u6d89\u53ca\u8bf8\u5982\u7f13\u5b58\uff0c\u6d88\u606f\u961f\u5217\u7b49\u9ad8\u7ea7\u5185\u5bb9\uff0c\u800c\u662f\u4e13\u6ce8\u4e8e\u57fa\u7840\u7684\u90e8\u5206;\u6211\u4eec\u4e5f\u4e0d\u4f1a\u5728\u4e00\u5f00\u59cb\u5c31\u6d89\u53ca\u5230\u5177\u4f53\u7684\u7f16\u7a0b\u8bed\u8a00\u4ee3\u7801\uff0c\u800c\u662f\u5c06\u8fd9\u7bc7\u6587\u7ae0\u4f5c\u4e3a\u4e00\u4e2a\u7406\u8bba\u6027\u7684\u4ecb\u7ecd.\u4f60\u53ef\u80fd\u81f3\u5c11\u9700\u8981\u4e86\u89e3\u4e00\u4e9b\u8ba1\u7b97\u673a\u7684\u57fa\u7840\u77e5\u8bc6\uff0c\u6bd4\u5982html\u7b49\uff0c\u624d\u53ef\u4ee5\u4e86\u89e3\u6587\u7ae0\u4e2d\u7684\u4e00\u4e9b\u6982\u5ff5.","source":"@site/docs/devdocs/09-\u57f9\u8bad/02-Web\u540e\u7aef/01-Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd.md","sourceDirName":"devdocs/09-\u57f9\u8bad/02-Web\u540e\u7aef","slug":"/devdocs/\u57f9\u8bad/Web\u540e\u7aef/Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd","permalink":"/docs/devdocs/\u57f9\u8bad/Web\u540e\u7aef/Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd","draft":false,"unlisted":false,"editUrl":"https://github.com/ZSCNetSupportDept/website/tree/master/docs/devdocs/09-\u57f9\u8bad/02-Web\u540e\u7aef/01-Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd.md","tags":[],"version":"current","lastUpdatedAt":1730615928000,"sidebarPosition":1,"frontMatter":{},"sidebar":"devdocs","previous":{"title":"\u53c2\u8003","permalink":"/docs/devdocs/\u57f9\u8bad/git/\u9ad8\u7ea7/references"},"next":{"title":"\u57fa\u4e8eHTTP\u7684Web\u540e\u7aef\u7684\u7ec4\u6210","permalink":"/docs/devdocs/\u57f9\u8bad/Web\u540e\u7aef/\u57fa\u4e8eHTTP\u7684Web\u540e\u7aef\u7684\u7ec4\u6210"}}');var i=l(4848),d=l(8453);const c={},r="Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd",h={},t=[{value:"Web\u7684\u5386\u53f2",id:"web\u7684\u5386\u53f2",level:2},{value:"\u9759\u6001\u7f51\u9875",id:"\u9759\u6001\u7f51\u9875",level:3},{value:"HTTP\u534f\u8bae",id:"http\u534f\u8bae",level:4},{value:"HTTP\u7684\u8bf7\u6c42",id:"http\u7684\u8bf7\u6c42",level:5},{value:"HTTP\u65b9\u6cd5",id:"http\u65b9\u6cd5",level:6},{value:"HTTP\u7684\u54cd\u5e94",id:"http\u7684\u54cd\u5e94",level:5},{value:"\u4e00\u4e2a\u4f8b\u5b50",id:"\u4e00\u4e2a\u4f8b\u5b50",level:5},{value:"\u52a8\u6001\u7f51\u9875",id:"\u52a8\u6001\u7f51\u9875",level:3},{value:"CGI",id:"cgi",level:4},{value:"JavaScript",id:"javascript",level:4},{value:"AJAX(Asynchronous JavaScript and XML)",id:"ajaxasynchronous-javascript-and-xml",level:4},{value:"\u4f8b\u5b50",id:"\u4f8b\u5b50",level:5},{value:"\u4e00\u4e2aAJAX\u62a5\u540d\u7cfb\u7edf\u7684\u4f8b\u5b50",id:"\u4e00\u4e2aajax\u62a5\u540d\u7cfb\u7edf\u7684\u4f8b\u5b50",level:5},{value:"URI\u5728\u73b0\u4ee3\u7684\u610f\u4e49",id:"uri\u5728\u73b0\u4ee3\u7684\u610f\u4e49",level:4},{value:"Web\u5e94\u7528",id:"web\u5e94\u7528",level:3},{value:"WebSocket",id:"websocket",level:4},{value:"Server-Sent Events(SSE)",id:"server-sent-eventssse",level:5},{value:"\u5728Web\u4e0a\u8fd0\u884c\u5e94\u7528",id:"\u5728web\u4e0a\u8fd0\u884c\u5e94\u7528",level:4},{value:"\u5355\u9875\u5e94\u7528(SPA)",id:"\u5355\u9875\u5e94\u7528spa",level:4},{value:"WebAssembly",id:"webassembly",level:5},{value:"Web\u540e\u7aef-\u662f\u5e72\u4ec0\u4e48\u7684\uff1f",id:"web\u540e\u7aef-\u662f\u5e72\u4ec0\u4e48\u7684",level:2},{value:"Web\u540e\u7aef\u7684\u7ec4\u6210",id:"web\u540e\u7aef\u7684\u7ec4\u6210",level:3},{value:"\u53c2\u8003",id:"\u53c2\u8003",level:2}];function o(e){const n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd",children:"Web\u540e\u7aef\u7684\u7b80\u5355\u4ecb\u7ecd"})}),"\n",(0,i.jsx)(n.p,{children:"\u8fd9\u7bc7\u6587\u7ae0\u5c06\u5e26\u4f60\u5b66\u4e60\u6784\u5efa\u4e00\u4e2aWeb\u540e\u7aef\u7684\u7b80\u5355\u77e5\u8bc6;\u4f5c\u4e3a\u4e00\u7bc7\u57fa\u7840\u7684\u6559\u7a0b\uff0c\u6211\u4eec\u5728\u6559\u7a0b\u91cc\u4e0d\u4f1a\u592a\u591a\u6d89\u53ca\u8bf8\u5982\u7f13\u5b58\uff0c\u6d88\u606f\u961f\u5217\u7b49\u9ad8\u7ea7\u5185\u5bb9\uff0c\u800c\u662f\u4e13\u6ce8\u4e8e\u57fa\u7840\u7684\u90e8\u5206;\u6211\u4eec\u4e5f\u4e0d\u4f1a\u5728\u4e00\u5f00\u59cb\u5c31\u6d89\u53ca\u5230\u5177\u4f53\u7684\u7f16\u7a0b\u8bed\u8a00\u4ee3\u7801\uff0c\u800c\u662f\u5c06\u8fd9\u7bc7\u6587\u7ae0\u4f5c\u4e3a\u4e00\u4e2a\u7406\u8bba\u6027\u7684\u4ecb\u7ecd.\u4f60\u53ef\u80fd\u81f3\u5c11\u9700\u8981\u4e86\u89e3\u4e00\u4e9b\u8ba1\u7b97\u673a\u7684\u57fa\u7840\u77e5\u8bc6\uff0c\u6bd4\u5982html\u7b49\uff0c\u624d\u53ef\u4ee5\u4e86\u89e3\u6587\u7ae0\u4e2d\u7684\u4e00\u4e9b\u6982\u5ff5."}),"\n",(0,i.jsx)(n.h2,{id:"web\u7684\u5386\u53f2",children:"Web\u7684\u5386\u53f2"}),"\n",(0,i.jsx)(n.p,{children:"\u8fdb\u884cWeb\u540e\u7aef\u5f00\u53d1\uff0c\u9996\u5148\u9700\u8981\u77e5\u9053Web\u7684\u4e00\u4e9b\u6982\u5ff5\uff0c\u5b9e\u9645\u4e0a\uff0c\u201c\u540e\u7aef\u201d\u8fd9\u4e2a\u6982\u5ff5\u4e0d\u662f\u4e00\u5f00\u59cb\u5c31\u5b58\u5728\u7684\uff0c\u968f\u7740\u4eba\u4eec\u5bf9\u4e92\u8054\u7f51\u9700\u6c42\u7684\u4e0d\u65ad\u590d\u6742\u5316\uff0c\u540e\u7aef\u7684\u6982\u5ff5\u624d\u51fa\u73b0\u4e86\uff0c\u6211\u4eec\u9996\u5148\u6765\u4e86\u89e3Web\u7684\u53d1\u5c55\u5386\u53f2"}),"\n",(0,i.jsx)(n.h3,{id:"\u9759\u6001\u7f51\u9875",children:"\u9759\u6001\u7f51\u9875"}),"\n",(0,i.jsx)(n.p,{children:"\u4e92\u8054\u7f51\u6700\u5f00\u59cb\u53ea\u6709\u9759\u6001\u7f51\u9875\uff0c\u6240\u8c13\u201c\u9759\u6001\u201d\uff0c\u6307\u7684\u662f\u7f51\u9875\u4e2d\u7684\u5185\u5bb9\u662f\u5b8c\u5168\u56fa\u5b9a\u7684\uff0c\u5728\u670d\u52a1\u5668\u7aef\u5b58\u50a8\u4e86\u5185\u5bb9\u56fa\u5b9a\u7684html,css\uff0c\u6216\u8005\u662f\u5176\u4ed6\u7684\u4ec0\u4e48\u6587\u4ef6\uff0c\u7528\u6237\u8bbf\u95ee\u7f51\u9875\uff0c\u5c31\u662f\u901a\u8fc7\u4e92\u8054\u7f51\u67e5\u770b\u8fd9\u4e9b\u56fa\u5b9a\u7684\u6587\u4ef6\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u4f60\u8bbf\u95ee\u4e00\u4e2a\u7f51\u7ad9\uff0c\u4ece\u672c\u8d28\u4e0a\u66f4\u50cf\u662f\u8bbf\u95ee\u8fdc\u7aef\u8ba1\u7b97\u673a\u4e0a\u7684\u67d0\u4e2a\u6587\u4ef6\u5939"}),"\n",(0,i.jsxs)(n.p,{children:["\u4f8b\u5982\uff0c\u5982\u679c\u8981\u5efa\u7acb\u4e00\u4e2a\u7f51\u7ad9\uff0c\u90a3\u5c31\u5728\u4f60\u7684\u7535\u8111\u4e0a\u5b89\u88c5\u4e00\u4e2aHTTP\u670d\u52a1\u5668\uff08\u6bd4\u5982apache,nginx\uff09\uff0c\u5728\u8f6f\u4ef6\u7684\u8bbe\u7f6e\u91cc\u6307\u5b9a\u4f60\u7535\u8111\u4e0a\u7684\u67d0\u4e2a\u6587\u4ef6\u5939\u4e3a\u7f51\u7ad9\u7684\u6839\u6587\u4ef6\u5939\uff0c\u7136\u540e\u53bb\u4e70\u4e00\u4e2a\u57df\u540d\uff08\u7f51\u5740\u7684\u610f\u601d\uff09\uff0c\u628a\u57df\u540d\u7684DNS\u7ed1\u5b9a\u5230\u4f60\u7535\u8111\u7684IP\u5730\u5740\u4e0a\uff0c\u90a3\u4e48\u5176\u4ed6\u4eba\u5728\u6d4f\u89c8\u5668\u4e0a\u8f93\u5165\u4f60\u7684\u57df\u540d\uff0c\u5c31\u53ef\u4ee5\u8bbf\u95ee\u6839\u6587\u4ef6\u5939\u4e0b\u9762\u7684\u5185\u5bb9\u4e86\u3002\u6bd4\u5982\uff0c\u5728\u6839\u6587\u4ef6\u5939\u4e0b\u9762\u653e\u4e00\u4e2a",(0,i.jsx)(n.code,{children:"index.html"}),",\u90a3\u8bbf\u95ee\u57df\u540d\u65f6\uff0c\u6d4f\u89c8\u5668\u5c31\u4f1a\u9ed8\u8ba4\u663e\u793a\u8fd9\u4e2a\u6587\u4ef6\u7684\u5185\u5bb9\uff0c\u53ef\u4ee5\u5728\u4e0b\u9762\u653e\u4e00\u4e9b\u56fe\u7247\uff0c\u6bd4\u5982\u6839\u6587\u4ef6\u5939\u4e0b\u9762\u6709\uff1a\n",(0,i.jsx)(n.code,{children:"/foo.jpg"}),"\u548c",(0,i.jsx)(n.code,{children:"/subfolder/bar.jpg"}),"\uff0c\u90a3\u4e48\u522b\u4eba\u5728\u6d4f\u89c8\u5668\u4e0a\u9762\u8f93\u5165",(0,i.jsx)(n.code,{children:"http://yourdomain.com/foo.jpg"}),"\u548c",(0,i.jsx)(n.code,{children:"http://yourdomain.com/subfolder/bar.jpg"}),"\u5c31\u53ef\u4ee5\u8bbf\u95ee\u5230\u5bf9\u5e94\u7684\u6587\u4ef6\u3002"]}),"\n",(0,i.jsx)(n.p,{children:"\u8fd9\u79cd\u65b9\u6cd5\u5f88\u539f\u59cb\uff0c\u4f46\u662f\u5982\u679c\u9700\u6c42\u4e0d\u662f\u5f88\u5927\u7684\u8bdd\uff0c\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528\u8fd9\u79cd\u9759\u6001\u7f51\u9875\uff0c\u4f60\u73b0\u5728\u6b63\u5728\u770b\u7684\u6587\u7ae0\uff0c\u5176\u5b9e\u5c31\u662f\u4e00\u4e2a\u9759\u6001\u7684\u7f51\u9875"}),"\n",(0,i.jsx)(n.p,{children:"\u8fd9\u4e9b\u8bbf\u95ee\u90fd\u662f\u901a\u8fc7HTTP\u534f\u8bae\u6765\u8fdb\u884c\u7684\uff0c\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u9700\u8981\u8be6\u7ec6\u4ecb\u7ecdHTTP\u534f\u8bae\uff0c\u4ee5\u53caHTTP\u534f\u8bae\u7684\u65b9\u6cd5\uff1a"}),"\n",(0,i.jsx)(n.h4,{id:"http\u534f\u8bae",children:"HTTP\u534f\u8bae"}),"\n",(0,i.jsx)(n.p,{children:"HTTP\uff08HyperText Transfer Protocol\uff0c\u5373\u8d85\u6587\u672c\u4f20\u8f93\u534f\u8bae\uff09\u662f\u4e00\u4e2a\u7f51\u7edc\u5ba2\u6237\u7aef\uff08\u6bd4\u5982\u6d4f\u89c8\u5668\uff09\u548c\u670d\u52a1\u7aef\uff08\u6bd4\u5982\u670d\u52a1\u5668\uff0c\u5f53\u7136\u666e\u901a\u7684\u7535\u8111\u4e5f\u53ef\u4ee5\uff09\u4e4b\u95f4\u6c9f\u901a\u7684\u534f\u8bae\uff0c\u8ba9\u6d4f\u89c8\u5668\u53ef\u4ee5\u5bf9\u670d\u52a1\u5668\u4e0a\u7684\u67d0\u4e2a\u6587\u4ef6\u8fdb\u884c\u64cd\u4f5c\uff08\u6700\u5e38\u89c1\uff0c\u4e5f\u662f\u5927\u5bb6\u6700\u719f\u6089\u7684\u7528\u9014\u5c31\u662f\u83b7\u53d6\u8fd9\u4e2a\u6587\u4ef6\uff0c\u7136\u540e\u663e\u793a\u51fa\u6765\uff5e\uff09\uff0c\u6211\u4eec\u4e0a\u9762\u4e3e\u7684\u4f8b\u5b50\uff0c\u5305\u62ec\u6211\u4eec\u65e5\u5e38\u6d4f\u89c8\u7f51\u7ad9\u7684\u672c\u8d28\uff0c\u5c31\u662f\u5728\u83b7\u53d6\u670d\u52a1\u5668\u4e0a\u9762\u7684\u5185\u5bb9(\u5b9e\u9645\u4e0aHTTP\u534f\u8bae\u53ef\u4ee5\u505a\u7684\u4e0d\u6b62\u8fd9\u4e9b\uff0c\u4e0b\u9762\u4f1a\u8bb2\u5230)"}),"\n",(0,i.jsx)(n.p,{children:"\u4e00\u4e2a\u5b8c\u6574\u7684HTTP\u901a\u4fe1\u5305\u542b\u4e86\u8bf7\u6c42\u548c\u56de\u5e94,\u8bf7\u6c42\u6709\u5ba2\u6237\u7aef\u53d1\u8d77\uff0c\u56de\u5e94\u662f\u670d\u52a1\u7aef\u8fd4\u56de\u7ed9\u5ba2\u6237\u7aef"}),"\n",(0,i.jsx)(n.h5,{id:"http\u7684\u8bf7\u6c42",children:"HTTP\u7684\u8bf7\u6c42"}),"\n",(0,i.jsx)(n.p,{children:"\u4e25\u8c28\u5730\u8bf4\uff0c\u4e00\u4e2aHTTP\u8bf7\u6c42\u5305\u542b\u8bf7\u6c42\u5934(HTTP Request Header)\u548c\u8bf7\u6c42\u4f53(Request Body)\uff0c\u4e00\u4e2aHTTP\u7684\u8bf7\u6c42\u5934\u4e3b\u8981\u5305\u542b\u4e86\uff1a"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u76ee\u6807\u7f51\u7ad9:\u8d44\u6e90\u5b58\u5728\u7684\u7f51\u7ad9\uff0c\u4f8b\u5982",(0,i.jsx)(n.code,{children:"example.org"})]}),"\n",(0,i.jsxs)(n.li,{children:["URL,\u7528\u4e8e\u6307\u5b9a\u9700\u8981\u64cd\u4f5c\u7684\u662f\u54ea\u4e00\u4e2a\u6587\u4ef6\uff0c\u4f8b\u5982",(0,i.jsx)(n.code,{children:"example.org/hahaha.txt"})]}),"\n",(0,i.jsx)(n.li,{children:"\u65b9\u6cd5\uff0c\u7528\u4e8e\u6307\u5b9a\u64cd\u4f5c\uff0c\u5373\u5bf9URL\u6307\u5b9a\u7684\u8d44\u6e90\u8fdb\u884c\u4ec0\u4e48\u64cd\u4f5c\uff0c\u6bd4\u5982\u8bbf\u95ee\u8fd9\u4e2a\u6587\u4ef6"}),"\n",(0,i.jsxs)(n.li,{children:["\u81ea\u5b9a\u4e49\u53c2\u6570\uff1a\u524d\u9762\u8bf4\u7684URL\u548c\u65b9\u6cd5\u90fd\u662f\u901a\u8fc7\u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u5b58\u5728\u4e8e\u8bf7\u6c42\u5934\u4e0a\u7684\uff0c\u4f5c\u4e3a\u8bf7\u6c42\u5934\u7684\u53c2\u6570\uff08\u952e\u503c\u5bf9\u5c31\u662f\u5f62\u5982",(0,i.jsx)(n.code,{children:"a=b"}),"\u7684\u8868\u8fbe\u5f0f\uff09\u4f60\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u4e00\u4e9b\u952e\u503c\u5bf9\u5728\u8bf7\u6c42\u5934\u91cc\uff0c\u8fd9\u8868\u73b0\u4e3a\u9644\u52a0\u5728URL\u4e4b\u540e\u7684\u4e00\u7cfb\u5217\u952e\u503c\u5bf9\uff0c\u901a\u8fc7?\u5f00\u5934\uff0c&\u5206\u5272\uff0c\u4f8b\u5982",(0,i.jsx)(n.code,{children:"example.org/hello.html?locale=zh-CN&custom=wuwuwu"}),",\u8fd9\u5c31\u544a\u8bc9\u670d\u52a1\u5668:\u4e24\u4e2a\u53c2\u6570\uff1a",(0,i.jsx)(n.code,{children:"locale=zh-CN,custom=wuwuwu"}),"\uff0c\u8fd9\u4e9b\u53c2\u6570\u662f\u53ef\u9009\u7684\uff0c\u81ea\u5b9a\u4e49\u7684\u53c2\u6570\u53ef\u4ee5\u7528\u4e8e\u88ab\u540e\u7aef\u89e3\u6790\uff0c\u73b0\u5728\u4e0d\u7406\u89e3\u4e5f\u6ca1\u5173\u7cfb\uff0c\u5173\u4e8eURL\u53c2\u6570\u7684\u8bdd\u9898\u6211\u4eec\u5728\u4e4b\u540e\u8c08"]}),"\n",(0,i.jsxs)(n.li,{children:["cookie",":cookie","\u662f\u670d\u52a1\u5668\u653e\u5728\u6d4f\u89c8\u5668\u91cc\u7684\u4e00\u4e9b\u4e34\u65f6\u7f13\u5b58\uff0c\u53ef\u4ee5\u5e72\u4e00\u4e9b\u4e8b\u60c5\uff0c\u5f53\u7136\u9700\u8981\u6709\u8fd9\u4e2a\u4e1c\u897f\u624d\u4f1a\u5728\u8bf7\u6c42\u5934\u91cc\u5e26\u7740\uff0c\u6211\u4eec\u4e5f\u4ee5\u540e\u518d\u8c08"]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u5bf9\u4e8e\u67d0\u4e9b\u65b9\u6cd5\uff0c\u9700\u8981\u5728\u8bf7\u6c42\u65f6\u5411\u670d\u52a1\u5668\u5939\u5e26\u4e00\u4e9b\u4e1c\u897f\uff0c\u8bf7\u6c42\u4f53\u5c31\u662f\u88c5\u8f7d\u8fd9\u4e9b\u4e1c\u897f\u7684"}),"\n",(0,i.jsx)(n.h6,{id:"http\u65b9\u6cd5",children:"HTTP\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.p,{children:"HTTP\u65b9\u6cd5\u5b9a\u4e49\u4e86\u8fd9\u4e2a\u8bf7\u6c42\u5177\u4f53\u8981\u5bf9\u6307\u5b9a\u7684\u6587\u4ef6\u505a\u4ec0\u4e48\uff0c\u5176\u4e2d\uff1a"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"GET:\u83b7\u53d6\u6307\u5b9a\u7684\u8d44\u6e90"}),"\n",(0,i.jsx)(n.li,{children:"POST:\u4e0a\u4f20\u6307\u5b9a\u7684\u8d44\u6e90"}),"\n",(0,i.jsx)(n.li,{children:"PUT:\u66f4\u65b0\u6307\u5b9a\u7684\u8d44\u6e90\uff0c\u5982\u679c\u6ca1\u6709\u5c31\u521b\u5efa\u4e00\u4e2a"}),"\n",(0,i.jsx)(n.li,{children:"PATCH:\u4fee\u6539\u6307\u5b9a\u7684\u8d44\u6e90"}),"\n",(0,i.jsx)(n.li,{children:"DELETE:\u5220\u9664\u6307\u6307\u5b9a\u7684\u8d44\u6e90"}),"\n",(0,i.jsx)(n.li,{children:"HEAD:\u548cGET\u5dee\u4e0d\u591a\uff0c\u4f46\u662f\u53ea\u8981\u6c42\u670d\u52a1\u5668\u8fd4\u56de\u56de\u5e94\u5934\uff0c\u53ef\u4ee5\u7528\u5728\u8bd5\u63a2\u6587\u4ef6\u7684\u5927\u5c0f\u4e0a\uff0c\u6765\u5224\u65ad\u6587\u4ef6\u7684\u66f4\u65b0\u60c5\u51b5\uff0c\u4ece\u800c\u51b3\u5b9a\u4e0b\u4e00\u6b65\u64cd\u4f5c"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u6211\u4eec\u65e5\u5e38\u4f7f\u7528\u6d4f\u89c8\u5668\uff0c\u6bd4\u5982\u5728\u5730\u5740\u680f\u4e2d\u8f93\u5165",(0,i.jsx)(n.code,{children:"baidu.com"}),",\u5176\u5b9e\u5c31\u662f\u5728\u5bf9\u8fd9\u4e2a\u5730\u5740\u505aGET\u8bf7\u6c42\uff0c\u4e00\u822c\u7528\u6237\u4f7f\u7528\u6d4f\u89c8\u5668\uff0c\u81ea\u5df1\u662f\u4e0d\u80fd\u505a\u51fa\u9664\u4e86GET\u4e4b\u5916\u7684\u8bf7\u6c42\u7684\uff0c\u4f46\u662f\u5176\u4ed6\u8bf7\u6c42\u5728\u73b0\u4ee3\u7684\u7f51\u7ad9\u4e2d\u88ab\u7ecf\u5e38\u4f7f\u7528\uff0c\u8fd9\u5176\u5b9e\u662f\u524d\u7aef\u811a\u672c\u5728\u5de5\u4f5c\uff0c\u4ee5\u540e\u4f1a\u89e3\u91ca"]}),"\n",(0,i.jsx)(n.p,{children:"\u5982\u679c\u4f7f\u7528\u67d0\u4e00\u4e9b\u65b9\u6cd5\u7684\u8bdd\uff0c\u9700\u8981\u4e0a\u4f20\u4e00\u4e9b\u4e1c\u897f\uff0c\u90a3\u4e48\u8fd9\u4e9b\u4e1c\u897f\u5c31\u9700\u8981\u653e\u5728\u8bf7\u6c42\u4f53\u91cc\u9762\uff0c\u6bd4\u5982POST\u7b49"}),"\n",(0,i.jsx)(n.h5,{id:"http\u7684\u54cd\u5e94",children:"HTTP\u7684\u54cd\u5e94"}),"\n",(0,i.jsx)(n.p,{children:"\u5176\u5b9e\u56de\u5e94\u4e5f\u5206\u4e3a\u56de\u5e94\u5934\u548c\u56de\u5e94\u4f53\uff0c\u56de\u5e94\u5934\u4e3b\u8981\u5305\u542b\uff1a"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:["\u72b6\u6001\u7801\uff1a\u9488\u5bf9\u8bf7\u6c42\u7684\u56de\u5e94\u6709\u5bf9\u5e94\u7684\u72b6\u6001\uff0c\u6bd4\u5982\uff0c\u5982\u679cGET\u8bf7\u6c42\u6ca1\u6709\u95ee\u9898\uff0c\u6210\u529f\u8fd4\u56de\u7684\u8bdd\u5c31\u8fd4\u56de200 OK\u72b6\u6001\u7801\uff0c\u5982\u679c\u627e\u4e0d\u5230\u8bf7\u6c42\u91cc\u5bf9\u5e94\u7684\u6587\u4ef6\u5c31\u4f1a\u8fd4\u56de",(0,i.jsx)(n.code,{children:"404 Not Found"})]}),"\n",(0,i.jsx)(n.li,{children:"\u5185\u5bb9\u683c\u5f0f:\u5411\u6d4f\u89c8\u5668\u8bf4\u660e\u56de\u5e94\u4f53\uff08\u82e5\u6709\uff09\u662f\u4ec0\u4e48\u683c\u5f0f\u7684,\u6587\u672c\u6587\u4ef6\u7684\u7f16\u7801\u8bbe\u7f6e\u7b49\uff0c\u6bd4\u5982html\u6587\u4ef6\uff1f\u56fe\u7247\uff1f\u8fd9\u51b3\u5b9a\u4e86\u6d4f\u89c8\u5668\u5982\u4f55\u5bf9\u5f85\u8fd9\u4e9b\u6587\u4ef6"}),"\n",(0,i.jsx)(n.li,{children:"\u5185\u5bb9\u7684\u5927\u5c0f\uff1a\u8fd4\u56de\u6240\u8bf7\u6c42\u8d44\u6e90\u7684\u5927\u5c0f\uff08\u82e5\u6709\uff09"}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"\u56de\u5e94\u4f53\u5c31\u662f\u5305\u542b\u4e86\u56de\u5e94\u7684\u4e3b\u4f53\u5185\u5bb9\u4e86\uff0c\u5982\u679c\u662fGET\u8bf7\u6c42\u7684\u8bdd\uff0c\u90a3\u4e48\u5c31\u56de\u5e94\u4e86\u6240GET\u6587\u4ef6\u7684\u5185\u5bb9\uff0c\u5982\u679c\u662f\u5176\u4ed6\u8bf7\u6c42\u7684\u8bdd\uff0c\u53ef\u80fd\u4e5f\u4f1a\u6ca1\u6709\u56de\u5e94\u4f53\uff0c\u5177\u4f53\u770b\u4f7f\u7528\u7684\u65b9\u6cd5"}),"\n",(0,i.jsx)(n.h5,{id:"\u4e00\u4e2a\u4f8b\u5b50",children:"\u4e00\u4e2a\u4f8b\u5b50"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"GET"}),"\u65b9\u6cd5\u4ece\u670d\u52a1\u5668\u83b7\u5f97\u4e00\u4e2a\u8d44\u6e90\uff0c\u6211\u4eec\u5728\u6d4f\u89c8\u5668\u7684\u5730\u5740\u680f\u8f93\u5165\u4e00\u4e2a\u5730\u5740\u65f6\uff0c\u5c31\u662f\u5728\u5bf9\u8fd9\u4e2aURI\u505a",(0,i.jsx)(n.code,{children:"GET"}),"\u8bf7\u6c42\uff0c\u524d\u9762\u7684\u4f8b\u5b50\u4e5f\u662f\u901a\u8fc7",(0,i.jsx)(n.code,{children:"GET"}),"\u65b9\u6cd5\u6765\u8fdb\u884c\u7684\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u6bd4\u5982\uff0c\u53d1\u9001",(0,i.jsx)(n.code,{children:"GET developer.zsxyww.com/test/test.txt"}),",\u90a3\u4e48\u5c31\u4f1a\u628a\u6211\u4eec\u670d\u52a1\u5668\u4e0a\u7684test.txt\u8fd9\u4e2a\u6587\u4ef6\u53d1\u8fc7\u6765"]}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"POST"}),"\u65b9\u6cd5\u5411\u670d\u52a1\u5668\u4e0a\u4f20\u4e00\u4e2a\u8d44\u6e90\uff0c\u4f8b\u5982\u4f7f\u7528\u67d0\u4e2a\u5ba2\u6237\u7aef\u53d1\u9001",(0,i.jsx)(n.code,{children:"POST http://example.org/someprogram.exe"}),"\uff0c\u5728request body\u91cc\u9762\u5e26\u4e0a\u4f60\u7684\u8fd9\u4e2a\u6587\u4ef6\uff0c\u90a3\u4e48",(0,i.jsx)(n.code,{children:"example.org"}),"\u7f51\u7ad9\u7684\u6839\u76ee\u5f55\u4e0b\u5c31\u4f1a\u591a\u51fa\u4e00\u4e2a\u53eb\u505a",(0,i.jsx)(n.code,{children:"someprogram.exe"}),"\u7684\u6587\u4ef6"]}),"\n",(0,i.jsxs)(n.p,{children:["\u9664\u4e86\u4e0a\u9762\u4ecb\u7ecd\u7684\u8fd9\u4e9b\u65b9\u6cd5\uff0c\u8fd8\u6709",(0,i.jsx)(n.code,{children:"DELETE"}),",",(0,i.jsx)(n.code,{children:"PATCH"}),"\u7b49\u65b9\u6cd5\uff0c\u5206\u522b\u5bf9\u5e94\u4e86\u5220\u9664\uff0c\u4fee\u6539\u4e00\u4e2a\u8d44\u6e90\uff0c\u4f60\u53ef\u4ee5\u5728\u4f60\u7684\u7535\u8111\u4e0a\u901a\u8fc7",(0,i.jsx)(n.code,{children:"curl"}),"\u7b49\u7a0b\u5e8f\uff0c\u6216\u8005\u901a\u8fc7\u6d4f\u89c8\u5668\u63a7\u5236\u53f0\u6765\u8fdb\u884c\u5e38\u89c4\u7684",(0,i.jsx)(n.code,{children:"GET"}),"\u4e4b\u5916\u7684\u65b9\u6cd5\u8bf7\u6c42"]}),"\n",(0,i.jsx)(n.admonition,{title:"\u63d0\u793a",type:"tip",children:(0,i.jsx)(n.p,{children:"httpbin.org \u8fd9\u4e2a\u7f51\u7ad9\u53ef\u4ee5\u8ba9\u4f60\u8bd5\u9a8cHTTP\u534f\u8bae\u7684\u65b9\u6cd5"})}),"\n",(0,i.jsx)(n.p,{children:"\u4e0d\u7ba1\u4f7f\u7528\u7684\u662f\u4ec0\u4e48\u65b9\u6cd5\uff0cHTTP\u534f\u8bae\u4f20\u8f93\u7684\u5bf9\u8c61\u90fd\u662f\u4e00\u4e9b\u56fa\u5b9a\u9759\u6001\u7684\u6587\u4ef6\uff0c\u8fd9\u4e9b\u6587\u4ef6\u7684\u5185\u5bb9\u662f\u4ec0\u4e48\u5c31\u662f\u4ec0\u4e48\uff0c\u4e0d\u4f1a\u53d8\u5316\uff0c\u8fd9\u6837\u7684\u7f51\u9875\u5c31\u53eb\u505a\u9759\u6001\u7f51\u9875\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"\u52a8\u6001\u7f51\u9875",children:"\u52a8\u6001\u7f51\u9875"}),"\n",(0,i.jsxs)(n.p,{children:["\u8fd9\u6837\u7684\u7f51\u9875\u662f\u4e0d\u80fd\u6ee1\u8db3\u5927\u5bb6\u5bf9\u4e92\u8054\u7f51\u7684\u9700\u6c42\u7684\uff0c\u4e3e\u4f8b\u5b50\u6765\u8bf4\uff1a\u6dd8\u5b9d\u4e0a\u6709\u6570\u4e0d\u6e05\u7684\u5546\u54c1\u5728\u552e\u5356\uff0c\u5982\u679c\u6dd8\u5b9d\u4e3a\u6bcf\u4e00\u4e2a\u5546\u54c1\u90fd\u5728\u670d\u52a1\u5668\u76ee\u5f55\u4e0b\u9762\u521b\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\uff0c\u597d\u8ba9\u5927\u5bb6\u901a\u8fc7\u8bbf\u95ee",(0,i.jsx)(n.code,{children:"http://taobao.com/someproduct.html"}),"\u6765\u67e5\u770b\u5546\u54c1\u4fe1\u606f\uff0c\u90a3\u8fd9\u4e2a\u5de5\u4f5c\u91cf\u5c31\u975e\u5e38\u5927\u4e86\uff0c\u8fd8\u6709\u4e00\u4e9b\u66f4\u91cd\u8981\u7684\u95ee\u9898\uff1a\u8fd9\u6837\u7684\u7f51\u9875\uff0c\u57fa\u672c\u4e0a\u6ca1\u6709\u4ea4\u4e92\u7684\u529f\u80fd\uff0c\u6211\u4eec\u5e0c\u671b\u7528\u6237\u53ef\u4ee5\u70b9\u51fb\u6309\u94ae\u5c31\u80fd\u8d2d\u4e70\u5546\u54c1\uff0c\u5546\u5bb6\u586b\u5199\u8868\u5355\u5c31\u80fd\u4e0a\u4f20\u5546\u54c1"]}),"\n",(0,i.jsx)(n.h4,{id:"cgi",children:"CGI"}),"\n",(0,i.jsxs)(n.p,{children:["\u8fd9\u4e9b\u90fd\u662f\u9759\u6001\u4e92\u8054\u7f51\u65e0\u6cd5\u89e3\u51b3\u7684\u95ee\u9898\uff0c\u6240\u4ee5\u7a0b\u5e8f\u5458\u4eec\u5f00\u53d1\u4e86\u4e00\u4e2a\u53ebCGI(Common Gateway Interface,\u901a\u7528\u7f51\u5173\u63a5\u53e3)\u7684\u6280\u672f\uff0c\u8fd9\u79cd\u6280\u672f\u5728\u7528\u6237\u8bf7\u6c42\u7f51\u7ad9\u7684\u5185\u5bb9\u65f6\uff0c\u8ba9\u4e00\u4e2a\u811a\u672c\u52ab\u6301\u7528\u6237\u7684\u8bf7\u6c42\uff0c\u8fd4\u56de\u7ed9\u7528\u6237\u4e00\u4e2a\u811a\u672c\u52a8\u6001\u751f\u6210\u7684html\u6587\u4ef6\uff0c\u6bd4\u5982\uff0c\u5982\u679c\u7528\u6237\u60f3\u77e5\u9053\u62a5\u540d\u6570\u636e\u5e93\u91cc\u9762\u76ee\u524d\u6240\u6709\u7684\u62a5\u540d\u4eba\u5458\uff0c\u53d1\u9001",(0,i.jsx)(n.code,{children:"GET http://example.org/allVolunteer.html"}),"\uff0cCGI\u7a0b\u5e8f\u53d1\u73b0\u7ed9\u672c\u673a\u8bf7\u6c42",(0,i.jsx)(n.code,{children:"allVolunteer.html"}),"\u8fd9\u4e2a\u6587\u4ef6\uff0c\u5e76\u4e14\u7a0b\u5e8f\u7684\u4ee3\u7801\u91cc\u5199\u4e86\uff1a\u5982\u679c\u63a5\u53d7\u5230\u5bf9",(0,i.jsx)(n.code,{children:"/allVolunteer.html"}),"\u7684\u8bf7\u6c42\uff0c\u90a3\u5c31\u53bb\u67e5\u627e\u6570\u636e\u5e93\u91cc\u9762\u7684\u5168\u90e8\u62a5\u540d\u4eba\u5458\uff0c\u5e76\u5c06\u8fd4\u56de\u7ed3\u679c\u63d2\u5165\u5230\u4e00\u4e2a\u6a21\u677fhtml\u6587\u4ef6\u4e2d\u3002\u7a0b\u5e8f\u8fd4\u56de\u8fd9\u4e2a\u6587\u4ef6\uff0c\u4e8e\u662f\uff0c\u7528\u6237\u5c31\u53d7\u5230\u4e86CGI\u7a0b\u5e8f\u52a8\u6001\u4ea7\u751f\u7684html."]}),"\n",(0,i.jsx)(n.p,{children:"\u867d\u7136CGI\u73b0\u5728\u5f88\u5c11\u89c1\u4e86\uff0c\u4f46\u662f\u5c06\u4e00\u4e2a\u53d1\u9001\u5230\u670d\u52a1\u5668\u7684\u5730\u5740\u8bf7\u6c42\u52ab\u6301\u5230\u811a\u672c\uff08\u51fd\u6570\uff09\u4e0a\u662f\u73b0\u4ee3\u52a8\u6001\u7f51\u7ad9\u7684\u5e38\u7528\u601d\u8def\u3002"}),"\n",(0,i.jsx)(n.h4,{id:"javascript",children:"JavaScript"}),"\n",(0,i.jsx)(n.p,{children:'\u9664\u4e86\u670d\u52a1\u5668\uff0c\u6d4f\u89c8\u5668\u4e5f\u5728\u4e3a\u9002\u914d\u52a8\u6001\u7f51\u7ad9\u800c\u66f4\u65b0\u3002\u57281995\u5e74\uff0c\u7f51\u666f\u516c\u53f8\u7684\u5458\u5de5\u53d1\u660e\u4e86\u4e00\u79cd\u7f16\u7a0b\u8bed\u8a00\uff0c\u53eb\u505a"JavaScript",\u8fd9\u662f\u5bf9\u5f53\u65f6\u65b0\u5174\u7684Java\u548cJava Applet\u7684\u56de\u5e94\uff0c\u8fd9\u79cd\u8bed\u8a00\u6700\u5927\u7684\u7279\u70b9\u5c31\u662f\u5b83\u88ab\u8bbe\u8ba1\u5728\u6d4f\u89c8\u5668\u4e2d\u8fd0\u884c\uff0c\u5e76\u4e14\u53ef\u4ee5\u8c03\u7528\u76f8\u5173\u63a5\u53e3\u6765\u64cd\u4f5c\u9875\u9762html\uff0ccss\u5185\u5bb9\u548c\u8fdb\u884cHTTP\u8bf7\u6c42\uff0c\u4ed6\u4eec\u8ba9\u81ea\u5df1\u5bb6\u7684\u7f51\u666f\u6d4f\u89c8\u5668\u7387\u5148\u652f\u6301\u4e86\u8fd9\u79cd\u7f16\u7a0b\u8bed\u8a00(\u8fd9\u4e2a\u6d4f\u89c8\u5668\u5c31\u662f\u706b\u72d0\u6d4f\u89c8\u5668\u7684\u524d\u8eab)\uff0c\u8fd9\u6781\u5927\u7684\u63d0\u9ad8\u4e86\u6d4f\u89c8\u5668\u5bf9\u4e8e\u52a8\u6001\u7f51\u9875\u7684\u652f\u6301\u3002'}),"\n",(0,i.jsx)(n.h4,{id:"ajaxasynchronous-javascript-and-xml",children:"AJAX(Asynchronous JavaScript and XML)"}),"\n",(0,i.jsx)(n.p,{children:"\u5c3d\u7ba1\u662f\u5728\u6d4f\u89c8\u5668\u91cc\u7684\u8bed\u8a00\uff0c\u4f46\u662f\u4f5c\u4e3a\u4e00\u4e2a\u5b8c\u6574\u7f16\u7a0b\u8bed\u8a00\u7684JavaScript\u8fd8\u662f\u975e\u5e38\u5f3a\u5927\u7684\uff0c\u5728\u6709\u4e86\u64cd\u4f5cDOM,\u53d1\u8d77HTTP\u8bf7\u6c42\u7684\u80fd\u529b\u540e\uff0cJavaScript,\u642d\u914d\u4e00\u4e9b\u540e\u7aef\u7684\u7a0b\u5e8f\uff0c\u53ef\u4ee5\u505a\u5230CGI\u4f20\u7edf\u52a8\u6001\u9875\u9762\u6ca1\u6709\u529e\u6cd5\u505a\u5230\u7684\u529f\u80fd\uff1a\u52a8\u6001\u66f4\u65b0\u7528\u6237html\u9875\u9762\u4e0a\u7684\u5185\u5bb9\u3002\u4f20\u7edf\u7684\u540e\u7aefCGI,\u53ef\u4ee5\u52a8\u6001\u751f\u6210html,\u4f46\u662f\u8fd9\u4e2ahtml\u751f\u6210\u4e4b\u540e\u5230\u7528\u6237\u7684\u624b\u91cc\u8fd8\u662f\u4e0d\u4f1a\u53d8\u5316\u7684\uff0c\u800cJavaScript\u4f5c\u4e3a\u4e00\u4e2a\u7f16\u7a0b\u8bed\u8a00,\u901a\u8fc7\u8fd0\u884c\u5728\u7528\u6237\u6d4f\u89c8\u5668,\u53ef\u4ee5\u64cd\u4f5chtml\u5185\u5bb9\u548c\u53d1\u8d77HTTP\u8bf7\u6c42\uff0c\u4fbf\u53ef\u4ee5\u81ea\u5df1\u5f02\u6b65\u5730\u5bf9\u670d\u52a1\u5668\u53d1\u9001\u4e00\u4e9b\u8bf7\u6c42\uff0c\u4f9d\u636e\u8fd9\u4e9b\u5185\u5bb9\u4fbf\u53ef\u4ee5\u90e8\u5206\u6539\u53d8\u7528\u6237\u6d4f\u89c8\u5668\u6240\u663e\u793a\u7684HTML,CSS\uff0c\u53ea\u9700\u8981\u6d4f\u89c8\u5668\u91cd\u65b0\u6e32\u67d3\u4e00\u904d\u5c31\u884c\u4e86\uff0c\u8fd9\u79cd\u6280\u672f\u5c31\u53eb\u505aAJAX,Asynchronous JavaScript and XML"}),"\n",(0,i.jsx)(n.p,{children:"AJAX\u4e0e\u4f20\u7edf\u52a8\u6001\u9875\u9762\u7684\u4e0d\u540c\u70b9\u662f\uff1a\u5728\u83b7\u53d6\u65b0\u6570\u636e\u65f6\uff0c\u4e0d\u662f\u5237\u65b0\u5168\u90e8\u7684\u9875\u9762\uff0c\u800c\u662f\u8ba9JavaScript\u64cd\u4f5c\u9875\u9762\u7684\u90e8\u5206\u5185\u5bb9\u3002\u540c\u65f6\uff0c\u540e\u7aef\u4e5f\u4e0d\u662f\u8fd4\u56dehtml\uff0c\u800c\u662f\u8fd4\u56de\u4e00\u4e9b\u53ef\u4ee5\u88abJavaScript\u7406\u89e3\u7684\u5e8f\u5217\u5316\u6570\u636e\uff08\u4f8b\u5982\u7eaf\u6587\u672c\u3001XML,JSON\u7b49\uff09\uff0c\u524d\u7aef\u7684\u811a\u672c\u6839\u636e\u8fd9\u4e9b\u6570\u636e\uff0c\u6765\u64cd\u4f5c\u7528\u6237\u7684html"}),"\n",(0,i.jsx)(n.h5,{id:"\u4f8b\u5b50",children:"\u4f8b\u5b50"}),"\n",(0,i.jsx)(n.p,{children:"\u6bd4\u5982\uff0c\u5728\u6d4f\u89c8\u6211\u4eec\u7684wiki\u7f51\u7ad9\u65f6\uff08\u867d\u7136\u6211\u4eec\u7684wiki\u662f\u9759\u6001\u7f51\u9875\uff09\uff0c\u4f60\u4f1a\u53d1\u73b0\u9875\u9762\u7684\u5927\u90e8\u5206\u5143\u7d20\u90fd\u662f\u91cd\u53e0\u7684\uff0c\u6bd4\u5982\u9875\u9762\u6700\u4e0a\u9762\u7684\u5bfc\u822a\u680f\uff0csidebar,\u9875\u811a\u7b49\uff0c\u6837\u5f0f\u4e5f\u662f\u4e00\u6837\u7684\uff0c\u5728\u5207\u6362\u4e0d\u540c\u7684\u9875\u9762\u65f6\uff0c\u6bcf\u6b21\u83b7\u53d6html\u90fd\u8981\u91cd\u65b0\u83b7\u53d6\u8fd9\u4e9b\u91cd\u590d\u7684\u90e8\u5206\uff0c\u8fd9\u6837\u5c31\u9020\u6210\u4e86\u4e00\u4e9b\u6d6a\u8d39\uff0c\u5982\u679c\u4f7f\u7528AJAX\u6280\u672f\uff0c\u90a3\u4e48\u53ea\u9700\u8981\u7b2c\u4e00\u6b21\u6253\u5f00\u7f51\u7ad9\u7684\u65f6\u5019\u52a0\u8f7d\u8fd9\u4e9b\u6846\u67b6\u6027\u7684\u5143\u7d20\uff0c\u7136\u540e\u518d\u52a0\u8f7d\u4e00\u4e2aJavaScript\u811a\u672c\uff0c\u70b9\u51fbsidebar\u7684\u65f6\u5019\uff0c\u5c31\u5c06\u90a3\u4e2a\u6587\u7ae0\u7684\u5185\u5bb9\u672c\u8eab\u62ff\u8fc7\u6765\uff0c\u7136\u540e\u66ff\u6362\u6389\u539f\u6709\u7684\u9875\u9762\u5185\u5bb9\uff0c\u8fd9\u6837\u5c31\u66f4\u52a0\u8282\u7701\uff0c\u8fd9\u79cd\u90e8\u5206\u66f4\u65b0\u9875\u9762\u5185\u5bb9\uff0c\u800c\u4e0d\u91cd\u65b0\u52a0\u8f7d\u6574\u4e2a\u9875\u9762\u7684\u6280\u672f\uff0c\u5c31\u53eb\u505aAJAX"}),"\n",(0,i.jsx)(n.p,{children:"\u518d\u4e3e\u4e00\u4e2a\u4f8b\u5b50,\u6bd4\u5982\u6211\u4eec\u7684\u62a5\u540d\u7cfb\u7edf\u6709\u4e00\u4e2a\u67e5\u8be2\u529f\u80fd\uff0c\u5982\u679c\u8f93\u5165\u7684\u7528\u6237\u5728\u6570\u636e\u5e93\u5b58\u5728\u7684\u8bdd\uff0c\u8fd4\u56de\u8fd9\u4e2a\u7528\u6237\u7684\u5168\u90e8\u4fe1\u606f\uff0c\u5982\u679c\u4e0d\u5b58\u5728\uff0c\u90a3\u4e48\u8981\u7ed9\u7528\u6237\u663e\u793a\u4e00\u6761\u9519\u8bef\u4fe1\u606f\uff0c\u8fd9\u79cd\u4fe1\u606f\u5982\u679c\u8981\u5355\u72ec\u7ed9\u7528\u6237\u53d1\u9001\u4e00\u4e2a\u65b0\u9875\u9762\u7684\u8bdd\uff0c\u662f\u5f88\u9ebb\u70e6\u7684\uff0c\u7528\u6237\u7aef\u7684\u4f53\u9a8c\u4e5f\u4e0d\u597d\uff0c\u6211\u4eec\u5e0c\u671b\u5728\u6309\u4e0b\u67e5\u8be2\u6309\u94ae\u4e4b\u540e\u76f4\u63a5\u5728\u539f\u6765\u7684\u9875\u9762\u65c1\u8fb9\u663e\u793a\u670d\u52a1\u5668\u8fd4\u56de\u7684\u7ed3\u679c\uff0c\u5982\u679c\u6ca1\u6709AJAX\u6280\u672f\uff0c\u90a3\u4e48\u6211\u4eec\u53ea\u80fd\u628a\u7528\u6237\u7684\u5f53\u524d\u9875\u9762\u91cd\u65b0\u53d1\u8fc7\u53bb\uff0c\u4f46\u662f\u628a\u67e5\u8be2\u7ed3\u679c\u4e5f\u653e\u91cc\u9762\uff0c\u56e0\u4e3a\u4f20\u7edf\u6ca1\u6709JavaScript\u7684\u7f51\u9875\u6ca1\u6709\u529e\u6cd5\u5bf9\u6570\u636e\u8fdb\u884c\u4e00\u4e9b\u7b80\u5355\u7684\u64cd\u4f5c\uff0c\u53ea\u662f\u88ab\u52a8\u7684\u6e32\u67d3html.css\u6587\u4ef6\uff0c\u800cAJAX\u6280\u672f\u5c31\u5141\u8bb8\u6211\u4eec\u76f4\u63a5\u628a\u8fd4\u56de\u7684\u6570\u636e\u672c\u8eab\u53d1\u9001\u5230\u5ba2\u6237\u7aef\uff0c\u800c\u4e14\u53d1\u9001\u7684\u6570\u636e\u4e5f\u4e0d\u6b62\u5c40\u9650\u4e8eHTML,CSS,\u800c\u53ef\u4ee5\u662f\u4e00\u4e2aXML,JSON,\u6216\u662f\u76f4\u63a5\u8fd4\u56de\u72b6\u6001\u7801\uff0c\u8ba9\u5ba2\u6237\u7aef\u811a\u672c\u8d1f\u8d23\u89e3\u6790\u8fd9\u4e9b\u6570\u636e\uff0c\u5e76\u5c06\u8fd9\u4e9b\u6570\u636e\u53d8\u6210\u6d4f\u89c8\u5668\u5176\u4ed6\u90e8\u5206\u53ef\u4ee5\u76f4\u63a5\u6e32\u67d3\u7684\u6587\u4ef6"}),"\n",(0,i.jsx)(n.p,{children:"\u5f53\u4e00\u4e2aURL\u4e0d\u662f\u8fd4\u56de\u4e00\u4e2aHTML\u6570\u636e\uff0c\u800c\u662f\u8fd4\u56de\u4e00\u4e9b\u4e0d\u662f\u7ed9\u7528\u6237\u672c\u4eba\u51c6\u5907\u7684\u6570\u636e\u65f6\uff0c\u5f53\u8fd9\u4e9b\u8def\u5f84\u4e0d\u6b62\u4e8e\u63a5\u53d7GET\u8bf7\u6c42\u65f6\uff0c\u8fd9\u4e9b\u8def\u5f84\u5c31\u548c\u6211\u4eec\u4f20\u7edf\u9759\u6001\u7f51\u7ad9\u7684URL\uff0c\u4ee3\u8868\u4e00\u4e2a\u6587\u4ef6\u65f6\u6240\u8868\u73b0\u7684\u8def\u5f84\u6709\u6240\u4e0d\u540c\u4e86"}),"\n",(0,i.jsx)(n.p,{children:"\u8fd9\u4e9b\u540e\u7aef\u8def\u5f84\u4e0d\u662f\u7ed9\u7528\u6237\u8bbe\u8ba1\u7684\uff0c\u901a\u8fc7\u6d4f\u89c8\u5668\u76f4\u63a5\u8bbf\u95ee\u8fd9\u4e9b\u5730\u65b9\u5927\u6982\u4f1a\u8fd4\u56de\u4e00\u4e9b\u7528\u6237\u96be\u4ee5\u8bfb\u61c2\u7684\u4ee3\u7801\uff0c\u4ed6\u4eec\u662f\u7ed9JavaScript,\u6216\u8005\u53e6\u4e00\u79cd\u7a0b\u5e8f\u8bbe\u8ba1\u7684\uff0c\u8fd9\u79cd\u8def\u5f84\u5c31\u53eb\u505aweb API\uff0c\u4ed6\u4eec\u662f\u4e24\u4e2a\u7a0b\u5e8f\u901a\u8fc7HTTP\u4ea4\u4e92\u7684\u5730\u65b9\uff0c\u800c\u4e0d\u662f\u4eba\u673a\u4ea4\u4e92\u7684\u754c\u9762\uff0c\u6211\u4eec\u5148\u4e3e\u4e00\u4e2a\u4f8b\u5b50\uff0c\u518d\u89e3\u91ca\u8fd9\u4e2a\u95ee\u9898"}),"\n",(0,i.jsx)(n.admonition,{title:"\u63d0\u793a",type:"tip",children:(0,i.jsx)(n.p,{children:"AJAX\u6280\u672f\u5728\u4eca\u5929\u5df2\u7ecf\u975e\u5e38\u5e38\u7528\u4e86\uff0c\u4ee5\u81f3\u4e8e\u5f88\u591a\u4eba\u90fd\u610f\u8bc6\u4e0d\u5230\u4ed6\u4eec\u5728\u4f7f\u7528AJAX\u6280\u672f"})}),"\n",(0,i.jsx)(n.h5,{id:"\u4e00\u4e2aajax\u62a5\u540d\u7cfb\u7edf\u7684\u4f8b\u5b50",children:"\u4e00\u4e2aAJAX\u62a5\u540d\u7cfb\u7edf\u7684\u4f8b\u5b50"}),"\n",(0,i.jsx)(n.p,{children:"\u4e0b\u9762\u4e3e\u4e00\u4e2a\u4f8b\u5b50\uff0c\u6765\u8be6\u7ec6\u8bf4\u660eAJAX\u7684\u5de5\u4f5c\u539f\u7406\uff1a\u7528\u6237\u9700\u8981\u901a\u8fc7\u4e00\u4e2a\u7f51\u9875\u8fdb\u884c\u67d0\u9879\u6d3b\u52a8\u7684\u62a5\u540d\uff0c\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\uff0c\u7136\u540e\u70b9\u51fb\u7f51\u9875\u4e0a\u7684\u63d0\u4ea4\u6309\u94ae\uff0c\u670d\u52a1\u7aef\u4f1a\u8fd4\u56de\u62a5\u540d\u7684\u7ed3\u679c\uff0c\u6210\u529f\u8fd8\u662f\u5931\u8d25\uff0c\u4e0e\u4f20\u7edf\u7684\u65b9\u6cd5\u4e0d\u540c\uff0c\u670d\u52a1\u5668\u8fd4\u56de\u4fe1\u606f\u65f6\u4e0d\u662f\u91cd\u65b0\u8fd4\u56de\u4e00\u4e2aHTML,\u800c\u662f\u8ba9\u6d4f\u89c8\u5668\u76f4\u63a5\u5728\u539f\u6709\u7684\u754c\u9762\u4e0a\uff08\u6bd4\u5982\u63d0\u4ea4\u6309\u94ae\u7684\u4e0b\u9762\uff09\u663e\u793a\u62a5\u540d\u7684\u72b6\u6001"}),"\n",(0,i.jsxs)(n.p,{children:["\u7528\u6237\u901a\u8fc7\u6d4f\u89c8\u5668\u8f93\u5165\u5730\u5740\uff0c\u4f7f\u7528",(0,i.jsx)(n.code,{children:"GET"}),"\u65b9\u6cd5\u53d1\u8d77\u5bf9",(0,i.jsx)(n.code,{children:"http://example.org/submit.html"}),"\u7684\u8bf7\u6c42\uff0c\u670d\u52a1\u5668\u83b7\u5f97\u8bf7\u6c42\u540e\uff0c\u5728root\u76ee\u5f55\u4e0b\u9762\u627e\u5230submit.html\u6587\u4ef6,\u6d4f\u89c8\u5668\u5f97\u5230\u6587\u4ef6\u540e\u5f00\u59cb\u89e3\u6790\u6e32\u67d3\u8fd9\u4e2a\u6587\u4ef6\uff0c\u53d1\u73b0\u8fd9\u4e2ahtml\u5728\u5934\u90e8\u53c8\u8981\u6c42\u6d4f\u89c8\u5668\u5411\u670d\u52a1\u5668\u83b7\u53d6",(0,i.jsx)(n.code,{children:"submit.js"}),"\u6587\u4ef6\uff0c\u4e8e\u662f\u6d4f\u89c8\u5668\u4e0d\u9700\u8981\u7528\u6237\u5904\u7406\u81ea\u5df1\u53c8\u53d1\u9001\u4e86\u4e00\u6761",(0,i.jsx)(n.code,{children:"GET"}),"\u7684HTTP Request,\u5e76\u4e14\u6267\u884c\u8fd4\u56de\u7684\u811a\u672c\uff0c\u8fd9\u4e2a\u811a\u672c\u7684\u5185\u5bb9\u662f\u76d1\u542chtml\u6587\u4ef6\u4e2d\u63d0\u4ea4\u6309\u94ae\u7684\u201c\u70b9\u51fb\u201d\u4e8b\u4ef6\uff0c\u5f53\u6309\u94ae\u88ab\u70b9\u51fb\u65f6\uff0c\u6267\u884c\u67d0\u4e2a\u51fd\u6570\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u8fd4\u56de\u7684html\u6587\u4ef6\u5305\u62ec\u4e86\u63d0\u793a\u6846\uff0c\u8981\u6c42\u7528\u6237\u8f93\u5165\u59d3\u540d\uff0c\u624b\u673a\uff0c\u7a7a\u95f2\u65f6\u95f4\u7b49\u4fe1\u606f\uff0c\u5728\u8fd9\u4e9b\u8f93\u5165\u680f\u7684\u6700\u4e0b\u9762\u6709\u4e00\u4e2a\u63d0\u4ea4\u6309\u94ae\uff0c\u5f53\u70b9\u51fb\u8fd9\u4e2a\u6309\u94ae\u65f6\uff0c\u811a\u672c\u5c31\u4f1a\u88ab\u6fc0\u6d3b\uff0c\u811a\u672c\u6267\u884c\u7684\u51fd\u6570\u5c06\u8bfb\u53d6\u7528\u6237\u4ece\u4e0a\u9762\u8f93\u5165\u8fdb\u6765\u7684\u5185\u5bb9\uff0c\u505a\u4e00\u4e9b\u7b80\u5355\u7684\u8ba4\u8bc1\uff08\u6bd4\u5982\u8bf4\u624b\u673a\u53f7\u7684\u683c\u5f0f\u7b49\uff09\uff0c\u7136\u540e\u5c06\u8fd9\u4e9b\u4fe1\u606f\u7ec4\u7ec7\u6210\u4e00\u4e2aXML\u6587\u4ef6\uff08\u5f53\u7136,AJAX\u4e2d\u7684X\u5c31\u662fXML\u54af\uff0c\u73b0\u5728\u5176\u5b9e\u4e5f\u53ef\u4ee5\u7528\u5176\u4ed6\u7684\u65b9\u6cd5\u5e8f\u5217\u5316\uff0c\u6bd4\u5982JSON\u4ec0\u4e48\u7684\uff09\uff0c\u5411\u670d\u52a1\u5668\u53d1\u9001\u4e00\u4e2a",(0,i.jsx)(n.code,{children:"POST"}),"\u8bf7\u6c42\uff0c\u5730\u5740\u662f",(0,i.jsx)(n.code,{children:"http://example.org/api/submit/submit.php"}),",\u5728\u8bf7\u6c42\u4f53\u4e2d\u5305\u542b\u521a\u624d\u7684XML\u6587\u4ef6\u3002"]}),"\n",(0,i.jsxs)(n.p,{children:["\u670d\u52a1\u5668\u5728\u63a5\u6536\u8fd9\u4e2a\u8bf7\u6c42\u540e\uff0c\u5c31\u4f1a\u5c06\uff0c\u8fd9\u4e2a\u8bf7\u6c42\u7684\u4e0a\u4e0b\u6587\u5168\u90e8\u8f6c\u4ea4\u7ed9",(0,i.jsx)(n.code,{children:"submit.php"}),"\u8fd9\u4e2a\u811a\u672c\uff0c\u811a\u672c\u518d\u505a\u4e00\u4e9b\u5de5\u4f5c\uff0c\u5f55\u5165\u6570\u636e\u5e93\uff0c\u5982\u679c\u4e00\u5207\u90fd\u6210\u529f\u4e86\uff0c\u5c31\u5411\u5ba2\u6237\u7aef\u53d1\u9001\u56de\u5e94\u6210\u529f\uff0c\u53cd\u4e4b\u5219\u56de\u5e94\u5931\u8d25\u7684\u6d88\u606f\uff0c\u56de\u5e94\u7684\u5185\u5bb9\u53ef\u4ee5\u662f\u4e00\u4e2a\u7eaf\u6587\u672c\uff0c\u6216\u8005\u76f4\u63a5\u662f\u72b6\u6001\u7801\uff0c\u6bd4\u5982\uff0c\u5c31\u8fd4\u56de\u4e00\u4e2aJSON:"]}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-JSON",children:'\n{\n "status":"success",\n "submit":{\n "name":"\u5c0f\u660e",\n "freeday":"2023-11-25",\n "phone":10000000000\n },\n "createdAt":"2023-10-25_9:23:22"\n}\n\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u5728JavaScript\u811a\u672c\u63a5\u6536\u5230\u56de\u5e94\u540e\uff0c\u6839\u636e\u8fd4\u56de\u7684\u5185\u5bb9\uff0c\u64cd\u4f5chtml\u6587\u4ef6\u7684\u5185\u5bb9\uff0c\u5728\u63d0\u4ea4\u6309\u94ae\u7684\u4e0b\u9762\u4e00\u884c\u63d2\u5165\u4e00\u4e2a\u6587\u672c\u5757\uff1a"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-HTML",children:'\n<div id="json_responses">\n <p id="json:status">\u63d0\u4ea4\u6210\u529f\uff01\u4f60\u63d0\u4ea4\u4e86\uff1a</p>\n <p id="json:submit.name">\u59d3\u540d\uff1a\u5c0f\u660e</p>\n <p id="json:submit.freeday">\u7a7a\u95f2\u65f6\u95f4\uff1a2023-11-25</p>\n <p id="json:submit.phone">\u624b\u673a\u53f7\uff1a10000000000</p>\n <p id="json:createdAt">\u670d\u52a1\u7aef\u63d0\u4ea4\u521b\u5efa\u65f6\u95f4\uff1a2023-10-25 9:23:22</p>\n</div>\n\n'})}),"\n",(0,i.jsx)(n.p,{children:"\u6216\u8005\u5176\u4ed6\u7684\u4fe1\u606f"}),"\n",(0,i.jsx)(n.h4,{id:"uri\u5728\u73b0\u4ee3\u7684\u610f\u4e49",children:"URI\u5728\u73b0\u4ee3\u7684\u610f\u4e49"}),"\n",(0,i.jsxs)(n.p,{children:["\u4ece\u521a\u624d\u7684\u8fd9\u4e2a\u4f8b\u5b50\u4e2d\uff0c\u6211\u4eec\u53ef\u4ee5\u770b\u5230\u7f51\u7ad9\u7684URI,\u5176\u5b9e\u6162\u6162\u7684\u4e0d\u6b62\u53ef\u4ee5\u6307\u4ee3\u4e00\u4e2a\u6587\u4ef6\u4e86\uff0c\u4ed6\u66f4\u591a\u7684\u662f\u6307\u4ee3\u4e00\u4e2a\u8d44\u6e90\uff0c\u6216\u8005\u4e00\u4e2a\u4e1a\u52a1,\u5411",(0,i.jsx)(n.code,{children:"submit.php"}),"\u63d0\u4ea4\u4e00\u4e2a",(0,i.jsx)(n.code,{children:"POST"}),"\u8bf7\u6c42\uff0c\u96be\u9053\u662f\u5728\u8fdc\u7aef\u521b\u5efa\u4e00\u4e2a",(0,i.jsx)(n.code,{children:"submit.php"}),"\u7a0b\u5e8f\uff1f\u5176\u5b9e\u5728\u8fd9\u91cc\u66f4\u591a\u662f\u6307\u5c06\u5ba2\u6237\u7aef\u7684\u6570\u636e\u4e0a\u4f20\u5230\u8fd9\u4e2a",(0,i.jsx)(n.code,{children:"/api/submit/submit.php"}),"\u7684\u4e1a\u52a1\u7a97\u53e3,\u6211\u4eec\u7684\u540e\u7aef\u5f00\u53d1\uff0c\u4e5f\u662f\u5efa\u7acb\u5728\u8fd9\u79cd\u5bf9\u865a\u62df\u7684\u8def\u5f84\u7684\u8bf7\u6c42\u4e0b\u7684\u3002\u4f8b\u5982\u6211\u4eec\u8bbe\u8ba1\u4e00\u4e2a\u62a5\u540d\u7cfb\u7edf\uff0c\u6211\u4eec\u53ef\u4ee5\u8bbe\u8ba1\u4e00\u4e2aAPI\u63a5\u53e3\u53eb\u505a",(0,i.jsx)(n.code,{children:"POST http://api.yourwebsite.io/newVolunteer"}),",\u63a5\u53d7\u6d4f\u89c8\u5668js\u7684\u62a5\u540d\u4fe1\u606f\u63d0\u4ea4\uff0c\u5728\u670d\u52a1\u5668\uff0c\u6839\u672c\u5c31\u6ca1\u6709",(0,i.jsx)(n.code,{children:"/newVolunteer"}),"\u8fd9\u4e2a\u6587\u4ef6\uff0c\u8fde\u6587\u4ef6\u5939\u90fd\u4e0d\u4e00\u5b9a\u4f1a\u6709,\u5168\u9760\u8def\u7531\u5728\u5de5\u4f5c\uff08\u89c1\u4e0b\u7bc7\u6587\u7ae0\uff09"]}),"\n",(0,i.jsx)(n.h3,{id:"web\u5e94\u7528",children:"Web\u5e94\u7528"}),"\n",(0,i.jsx)(n.h4,{id:"websocket",children:"WebSocket"}),"\n",(0,i.jsx)(n.p,{children:"HTTP\u7684\u52a8\u6001\u7f51\u7ad9\u5df2\u7ecf\u5f88\u597d\u4e86\uff0c\u4f46\u662f\u534f\u8bae\u672c\u8eab\u6709\u4e00\u4e2a\u7f3a\u70b9:\u4e00\u4e2aHTTP\u8fde\u63a5\u5206\u4e3a\u8bf7\u6c42\u548c\u54cd\u5e94\uff0c\u53ea\u80fd\u7531\u5ba2\u6237\u7aef\u53d1\u8d77\u8bf7\u6c42\uff0c\u670d\u52a1\u7aef\u8fd4\u56de\u54cd\u5e94\uff0c\u5982\u679c\u5ba2\u6237\u7aef\u6ca1\u6709\u5148\u53d1\u4e00\u70b9\u4ec0\u4e48\u7ed9\u670d\u52a1\u7aef\u7684\u8bdd\uff0c\u670d\u52a1\u7aef\u662f\u6ca1\u529e\u6cd5\u5148\u7ed9\u5ba2\u6237\u7aef\u53d1\u4fe1\u606f\u7684\uff0c\u8fd9\u5c31\u7ed9\u4e00\u4e9b\u66f4\u52a0\u590d\u6742\u7684\u8981\u6c42\u589e\u6dfb\u4e86\u969c\u788d\uff1a\u6bd4\u5982\u901a\u8fc7\u6d4f\u89c8\u5668\u548c\u522b\u4eba\u804a\u5929\uff0c\u9700\u8981\u63a5\u53d7\u6765\u81ea\u670d\u52a1\u5668\u53d1\u7ed9\u4f60\u7684\u5176\u4ed6\u4eba\u7684\u804a\u5929\u7684\u4fe1\u606f\uff1b\u6216\u8005\u662f\u5728\u6d4f\u89c8\u5668\u4e0a\u73a9\u6e38\u620f\uff0c\u9700\u8981\u548c\u670d\u52a1\u5668\u4ea4\u6362\u6570\u636e\u3002\u8fd9\u53ef\u4ee5\u901a\u8fc7\u8f6e\u8be2\u6765\u89e3\u51b3\uff0c\u4f46\u662f\u8fd9\u6837\u8fd8\u662f\u4e0d\u65b9\u4fbf\u3002"}),"\n",(0,i.jsx)(n.p,{children:"WebSocket\u662f\u4e00\u4e2a\u5168\u65b0\u7684\u534f\u8bae\uff0c\u652f\u6301\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7684\u5168\u53cc\u5de5\u901a\u4fe1\uff0c\u5373\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u90fd\u53ef\u4ee5\u4e3b\u52a8\u5730\u53d1\u6d88\u606f\uff0c\u800c\u4e14\u53ef\u4ee5\u540c\u65f6\u8fdb\u884c\uff0c\u800c\u4e14\u662f\u91c7\u7528\u8f83\u5c0f\u7684\u6570\u636e\u5e27\u683c\u5f0f\uff0c\u964d\u4f4e\u4e86\u7f51\u7edc\u5f00\u9500\uff0c\u63d0\u9ad8\u4e86\u6570\u636e\u4f20\u8f93\u901f\u5ea6\u3002WebSocket\u5728\u5efa\u7acb\u8fde\u63a5\u540e\u4fdd\u6301\u957f\u65f6\u95f4\u6709\u6548\uff0c\u4e0d\u9700\u8981\u4e3a\u6bcf\u6b21\u6d88\u606f\u53d1\u9001\u91cd\u65b0\u5efa\u7acb\u8fde\u63a5\uff0c\u56e0\u6b64\u6548\u7387\u66f4\u9ad8\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u4e3a\u4e86\u517c\u5bb9HTTP\u534f\u8bae\uff0cWebSocket\u4e5f\u662f\u76d1\u542c80\u548c443\u7aef\u53e3(HTTPS),\u63e1\u624b\u91c7\u7528\u4e86HTTP\u534f\u8bae\uff0c\u901a\u8fc7\u5347\u7ea7\u534f\u8bae\u6765\u5efa\u7acb\u8fde\u63a5\uff0c\u5982\u679c\u53ef\u4ee5\u5347\u7ea7\uff0c\u670d\u52a1\u5668\u4f1a\u8fd4\u56de101\u72b6\u6001\u7801\uff0c\u5347\u7ea7\u8fde\u63a5."}),"\n",(0,i.jsx)(n.admonition,{title:"\u4fe1\u606f",type:"info",children:(0,i.jsx)(n.p,{children:"\u5bf9\u4e8eWebSocket\u8fc7\u4e8e\u8be6\u7ec6\u7684\u4ecb\u7ecd\u8d85\u51fa\u4e86\u672c\u7bc7\u6587\u7ae0\u7684\u5185\u5bb9\uff0c\u53ef\u4ee5\u81ea\u884c\u4e86\u89e3"})}),"\n",(0,i.jsx)(n.h5,{id:"server-sent-eventssse",children:"Server-Sent Events(SSE)"}),"\n",(0,i.jsx)(n.p,{children:"WebSocket\u662f\u4e00\u4e2a\u5168\u65b0\u7684\u534f\u8bae\uff0c\u517c\u5bb9\u6027\u53ef\u80fd\u4e0d\u662f\u90a3\u4e48\u597d\uff0c\u5982\u679c\u8981\u6c42\u6bd4\u8f83\u4f4e\u7684\u8bdd\uff0c\u53ef\u4ee5\u770b\u4e00\u770bServer-Sent Events,\u8fd9\u4e2a\u534f\u8bae\u57fa\u4e8eHTTP,\u5141\u8bb8\u670d\u52a1\u5668\u4e3b\u52a8\u7ed9\u5ba2\u6237\u7aef\u53d1\u9001\u4fe1\u606f\uff0c\u5f53\u7136\u4e5f\u8bf7\u81ea\u884c\u4e86\u89e3\u3002"}),"\n",(0,i.jsx)(n.h4,{id:"\u5728web\u4e0a\u8fd0\u884c\u5e94\u7528",children:"\u5728Web\u4e0a\u8fd0\u884c\u5e94\u7528"}),"\n",(0,i.jsx)(n.p,{children:"\u4f20\u7edf\u89c2\u5ff5\u91cc\uff0c\u4e00\u4e2a\u5e94\u7528\u7a0b\u5e8f\u662f\u5728\u8ba1\u7b97\u673a\u4e0a\u76f4\u63a5\u8fd0\u884c\u7684\uff0c\u4f46\u662f\u5728\u4ecb\u7ecd\u4e86\u4e0a\u9762\u7684\u6280\u672f\u4e4b\u540e\uff0c\u6211\u4eec\u53ef\u4ee5\u60f3\u5230\uff0c\u5728Web\u4e0a\u4e5f\u662f\u53ef\u4ee5\u8fd0\u884c\u5e94\u7528\u7a0b\u5e8f\u7684\uff0c\u901a\u8fc7\u73b0\u4ee3\u7684\u9ad8\u6027\u80fdJavaScript\u8fd0\u884c\u65f6\uff0c\u53ef\u4ee5\u63d0\u4f9b\u7c7b\u4f3c\u4e8e\u539f\u751f\u7684\u8fd0\u884c\u901f\u5ea6\uff0c\u901a\u8fc7WebSocket,\u53ef\u4ee5\u5feb\u901f\u7684\u66f4\u65b0\u5185\u5bb9\uff0c\u73b0\u5728\u7684HTML\u548cCSS\u4e5f\u8db3\u591f\u5f3a\u5927\uff0c\u7528\u6237\u7684\u673a\u5668\u6027\u80fd\u4e5f\u8d8a\u6765\u8d8a\u5f3a\u4e86\uff0c\u800c\u4e14\uff0c\u5f00\u53d1Web\u5e94\u7528\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\u6210\u719f\u7684Web\u6280\u672f\u6808\uff0c\u5728\u6d4f\u89c8\u5668\u4e2d\u8fd0\u884c\u4e5f\u66f4\u5b89\u5168\uff0c\u4ee5\u81f3\u4e8e\u73b0\u5728\u5f88\u591a\u672c\u5730\u7684\u5e94\u7528\u4e5f\u5f00\u59cb\u4f7f\u7528Web\u6280\u672f\u4e86(electron)\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u4f8b\u5982\uff0c\u6211\u4eec\u6240\u4f7f\u7528\u7684\u817e\u8baf\u6587\u6863\uff0c\u652f\u6301\u591a\u4eba\u534f\u4f5c\u7f16\u8f91\uff0c\u5c31\u4f7f\u7528\u4e86WebSocket\u6280\u672f\u6765\u5411\u4f60\u4e3b\u52a8\u53d1\u9001\u5176\u4ed6\u4eba\u5bf9\u6587\u6863\u7f16\u8f91\u7684\u4fe1\u606f"}),"\n",(0,i.jsx)(n.h4,{id:"\u5355\u9875\u5e94\u7528spa",children:"\u5355\u9875\u5e94\u7528(SPA)"}),"\n",(0,i.jsx)(n.p,{children:"\u4e00\u4e2a\u73b0\u4ee3\u7684\u7f51\u7ad9\uff0c\u6216\u8005\u8bf4\u4e00\u4e2a\u63d0\u4f9b\u670d\u52a1\u7684Web\u5e94\u7528\uff0c\u6d41\u884c\u5355\u9875\u5e94\u7528\u67b6\u6784\uff0c\u987e\u540d\u601d\u4e49\uff0c\u670d\u52a1\u5668\u53ea\u4f1a\u5728\u7528\u6237\u6253\u5f00\u7f51\u9875\u65f6\u52a0\u8f7d\u4e00\u6bb5html\u6587\u4ef6\uff0c\u540e\u9762\u7684\u5168\u90e8\u5185\u5bb9\u90fd\u662f\u901a\u8fc7js\u52a8\u6001\u66f4\u65b0\u7684\uff0cjs\u548c\u670d\u52a1\u5668\u7684\u540e\u7aef\u63a5\u53e3\u4ea4\u4e92\u4e3b\u8981\u662f\u91c7\u7528AJAX,\u5bf9\u4e8e\u67d0\u4e9b\u590d\u6742\u7684\u9700\u6c42\uff0c\u53ef\u80fd\u4f1a\u9700\u8981\u4f7f\u7528\u524d\u9762\u7684\u6280\u672f\uff0cWebSocket\u6216\u8005SSE"}),"\n",(0,i.jsxs)(n.p,{children:[(0,i.jsx)(n.code,{children:"React.js"}),"\u5c31\u662f\u8d2f\u5f7b\u5355\u9875\u5e94\u7528\u601d\u60f3\u6700\u5f7b\u5e95\u7684\u524d\u7aef\u6846\u67b6,\u5355\u9875\u5e94\u7528\u7684\u574f\u5904\u5c31\u662f\u6253\u7834\u4e86\u4e3a\u9759\u6001\u7f51\u9875\u6587\u4ef6\u8bbe\u8ba1\u7684\u201c\u6536\u85cf\u201d\u529f\u80fd\u548c\u524d\u8fdb\u540e\u9000\uff0c\u4e5f\u4e0d\u5229\u4e8eSEO\u548c\u65e0\u969c\u788d\uff0c\u56e0\u4e3a\u7528\u6237\u5728\u7f51\u7ad9\u4e0a\u53ea\u6253\u5f00\u4e00\u4e2a\u7f51\u9875\uff0c\u7f51\u9875\u7684\u5185\u5bb9\u6839\u636e\u7528\u6237\u64cd\u4f5c\u7531\u6d4f\u89c8\u5668\u811a\u672c\u52a8\u6001\u66f4\u65b0\uff0c\u800c\u751f\u6210\u7684html\u4e5f\u5927\u591a\u6ca1\u6709\u505a\u8bed\u4e49\u5316\u4f18\u5316\uff0c\u96be\u4ee5\u88ab\u7406\u89e3\u548c\u89e3\u6790"]}),"\n",(0,i.jsx)(n.p,{children:"SPA\u7684\u4f8b\u5b50\u5c31\u662f\u90ae\u7bb1\u5e94\u7528\uff08\u6bd4\u5982Gmail\uff09,\u901a\u8fc7\u6d4f\u89c8\u5668\u8bbf\u95ee\u4f60\u7684\u90ae\u7bb1\uff0c\u901a\u8fc7\u90ae\u7bb1\u7684\u4e3b\u9875\u9762\u70b9\u67d0\u4e2a\u90ae\u4ef6\uff0c\u4f60\u5e76\u6ca1\u6709\u8fdb\u5165\u4e00\u4e2a\u65b0\u7684\u9875\u9762\uff0c\u800c\u662f\u5728\u539f\u6709\u7684\u9875\u9762\u4e0a\uff0c\u5185\u5bb9\u53d8\u6210\u4e86\u90ae\u4ef6\u67e5\u770b\u7684\u754c\u9762\uff0c\u5982\u679c\u5728\u4e3b\u9875\u9762\u4e0a\u70b9\u51fb\u53d1\u4ef6\u7684\u8bdd\uff0c\u540c\u6837\u4e5f\u6ca1\u6709\u4e00\u4e2a\u53d1\u4ef6\u9875\u9762\uff0c\u800c\u662f\u76f4\u63a5\u5448\u73b0\u53d1\u4ef6\u7684UI"}),"\n",(0,i.jsx)(n.p,{children:"\u6709\u65f6\u5019\uff0c\u901a\u8fc7AJAX\u8c03\u7528API\u7684HTTP\u4ea4\u4e92\u6ca1\u529e\u6cd5\u6ee1\u8db3\u4e00\u4e9b\u9700\u6c42\uff0c\u6bd4\u5982\u8bf4\u670d\u52a1\u5668\u4e3b\u52a8\u63a8\u9001\u4fe1\u606f\uff0c\u6216\u8005\u6d41\u5f0f\u4f20\u8f93\uff08\u6bd4\u5982\u76f4\u64ad\u5e73\u53f0\uff0c\u6e38\u620f\u7b49\uff09\uff0c\u8fd9\u4e2a\u65f6\u5019\u5c31\u9700\u8981\u4f7f\u7528\u524d\u9762\u63d0\u5230\u7684\u6280\u672f\uff0c\u524d\u9762\u7684\u817e\u8baf\u6587\u6863\u5c31\u662f\u4e00\u4e2a\u4f8b\u5b50\uff0c\u8fd8\u6709\u5c31\u662f\u7f51\u7edc\u804a\u5929\u5ba4\uff08matrix\u4e4b\u7c7b\uff09\uff0c\u9700\u8981\u5411\u6d4f\u89c8\u5668\u4e3b\u52a8\u63a8\u9001\u4fe1\u606f\uff0c\u8fd8\u6709\u76f4\u64ad\u5e73\u53f0\uff0c\u9700\u8981\u5c06\u6e90\u6e90\u4e0d\u65ad\u7684\u591a\u5a92\u4f53\u6570\u636e\u4f20\u9012\u5230\u7528\u6237\u90a3\u91cc\uff0c\u8fd8\u6709\u7f51\u7edc\u6e38\u620f\u9700\u8981\u5feb\u901f\u5728\u6d4f\u89c8\u5668\u548c\u670d\u52a1\u5668\u4e4b\u95f4\u4ea4\u6362\u6e38\u620f\u6570\u636e\uff0c\u4f46\u662f\u4e00\u822c\u8fd9\u4e9b\u5e94\u7528\u7684\u57fa\u7840\u6846\u67b6\u90fd\u662f\u5efa\u7acb\u5728\u4f20\u7edfAJAX\u4e0a\u7684\uff0c\u53ea\u662f\u4e1a\u52a1\u90e8\u5206\u91c7\u7528\u5176\u4ed6\u534f\u8bae\u5b9e\u73b0\uff0c\u8fd9\u4e9b\u73b0\u4ee3\u7684\u5e94\u7528\u6162\u6162\u5730\u5c06\u8ba1\u7b97\u91cf\u8f6c\u79fb\u5230\u4e86\u524d\u7aef\uff0c\u800c\u540e\u7aef\u53ea\u8d1f\u8d23\u5b58\u50a8\u548c\u63d0\u4f9b\uff0c\u67e5\u8be2\u6570\u636e\uff0c\u751a\u81f3\u540e\u7aef\u90fd\u4e0d\u7528\u8d1f\u8d23\u4ea7\u751fhtml,\u53ea\u9700\u8981\u63d0\u4f9bAPI,\u6765\u4e3a\u524d\u7aef\u63d0\u4f9b\u6570\u636e\u5c31\u884c"}),"\n",(0,i.jsx)(n.h5,{id:"webassembly",children:"WebAssembly"}),"\n",(0,i.jsx)(n.p,{children:"WebAssembly\u662f\u6700\u8fd1\u65b0\u51fa\u73b0\u7684\u6280\u672f\uff0c\u4ed6\u5141\u8bb8\u5f00\u53d1\u8005\u5c06C/C++ , Rust\u7b49\u539f\u672c\u7684\u4e00\u4e9b\u7f16\u8bd1\u578b\u8bed\u8a00\u7f16\u8bd1\u6210\u6d4f\u89c8\u5668\u53ef\u4ee5\u6267\u884c\u7684\u5b57\u8282\u7801\uff0c\u4f7f\u5f97\u5728\u6d4f\u89c8\u5668\u4e2d\u4e5f\u53ef\u4ee5\u6267\u884c\u8fd9\u4e9b\u7a0b\u5e8f\uff0c\u76ee\u524d\u4e5f\u6709\u4e00\u4e9b\u4f7f\u7528WebAssembly\u7684\u5e94\u7528\uff0c\u53ef\u4ee5\u53bb\u770b\u770b\uff0c\u6700\u5927\u7684\u597d\u5904\u5c31\u662f\u4e0d\u4f1aJavaScript\u4e5f\u80fd\u5f00\u53d1\u524d\u7aef\uff0c\u4e5f\u53ef\u4ee5\u590d\u7528\u4ee5\u524d\u7684\u4ee3\u7801\uff08\u5f53\u7136\uff0c\u8fd9\u4e2a\u5176\u5b9e\u662f\u524d\u7aef\u7684\u5185\u5bb9\uff09"}),"\n",(0,i.jsx)(n.h2,{id:"web\u540e\u7aef-\u662f\u5e72\u4ec0\u4e48\u7684",children:"Web\u540e\u7aef-\u662f\u5e72\u4ec0\u4e48\u7684\uff1f"}),"\n",(0,i.jsx)(n.p,{children:"\u524d\u9762\u7528\u975e\u5e38\u957f\u7684\u4e00\u6bb5\u6587\u5b57\u6765\u4ecb\u7ecdWeb\u7684\u53d1\u5c55\u5386\u53f2\uff0c\u5c31\u662f\u4e3a\u4e86\u8bf4\u660eWeb\u540e\u7aef\u662f\u5e72\u4ec0\u4e48\u7684\uff0c\u6216\u8005\u8bf4\uff0c\u7f16\u5199\u4e00\u4e2aWeb\u540e\u7aef\u9700\u8981\u5e72\u4ec0\u4e48\uff1f"}),"\n",(0,i.jsx)(n.p,{children:"\u5982\u679c\u4f60\u60f3\u5199\u4e00\u4e2a\u9759\u6001\u7f51\u7ad9\uff0c\u90a3\u4e48\u7b80\u5355\u7684http\u670d\u52a1\u5668\u5c31\u53ef\u4ee5\u6ee1\u8db3\u4f60\uff0c\u4e0d\u9700\u8981\u4f60\u624b\u52a8\u5199\u4ec0\u4e48\u4ee3\u7801\uff1b\u5982\u679c\u4f60\u60f3\u5199\u4e00\u4e2a\u57fa\u4e8eAJAX\u7684\u670d\u52a1\uff08\u6bd4\u5982\u6211\u4eec\u7f51\u7ef4\u73b0\u5728\u7684\u62a5\u4fee\u7cfb\u7edf\uff09\uff0c\u90a3\u4e48\u4f60\u9700\u8981\u8bbe\u8ba1\u597dAPI,\u548c\u524d\u7aef\u6c9f\u901a\u597d\u5e8f\u5217\u5316\u76f8\u5173\u4e8b\u9879\uff0c\u6216\u8005\u662f\u8fd4\u56deJSON\u4fe1\u606f\u4ec0\u4e48\u7684\u8ba9\u524d\u7aef\u5904\u7406\uff0c\u8fd8\u662f\u8fd4\u56dehtml\u8ba9\u6d4f\u89c8\u5668\u6e32\u67d3;\u5982\u679c\u4f60\u60f3\u5199\u4e00\u4e2aWebSocket\u7684Web\u5e94\u7528\u90a3\u5c31\u8981\u96be\u4e00\u4e9b\u4e86\uff0c\u53ef\u80fd\u9700\u8981\u638c\u63e1\u4e00\u4e9b\u5e76\u53d1\u7f16\u7a0b\u7684\u77e5\u8bc6\u624d\u53ef\u4ee5\u5199\u51fa\u4e00\u4e2a\u53ef\u4ee5\u4f7f\u7528\u7684\u670d\u52a1"}),"\n",(0,i.jsx)(n.p,{children:"\u6211\u4eec\u63a5\u4e0b\u6765\u7684\u6559\u7a0b\uff0c\u5c06\u6ce8\u91cd\u5f00\u53d1\u4e00\u4e2a\u73b0\u4ee3\u7684AJAX\u540e\u7aef\u670d\u52a1\uff0c\u540c\u65f6\u8f85\u52a9\u63d0\u4f9b\u4e00\u4e9b\u9759\u6001\u6587\u4ef6\u6258\u7ba1\u7684\u529f\u80fd\u3002"}),"\n",(0,i.jsx)(n.h3,{id:"web\u540e\u7aef\u7684\u7ec4\u6210",children:"Web\u540e\u7aef\u7684\u7ec4\u6210"}),"\n",(0,i.jsx)(n.p,{children:"\u4e00\u4e2aWeb\u540e\u7aef\u4e3b\u8981\u7531\u4ee5\u4e0b\u90e8\u5206\u7ec4\u6210\uff1a"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"\u8def\u7531(router)"}),"\n",(0,i.jsx)(n.li,{children:"\u5904\u7406(handler)"}),"\n",(0,i.jsx)(n.li,{children:"\u6570\u636e\u5e93/ORM"}),"\n",(0,i.jsx)(n.li,{children:"\u9274\u6743"}),"\n",(0,i.jsx)(n.li,{children:"\u6a21\u677f(\u5982\u679c\u9700\u8981)"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u8be6\u7ec6\u7684\u4fe1\u606f\uff0c\u8bf7\u9605\u8bfb\u4e0b\u4e00\u7bc7\u6587\u7ae0\uff1a",(0,i.jsx)(n.a,{href:"./%E5%9F%BA%E4%BA%8EHTTP%E7%9A%84Web%E5%90%8E%E7%AB%AF%E7%9A%84%E7%BB%84%E6%88%90",children:"Click Me"})]}),"\n",(0,i.jsxs)(n.admonition,{title:"\u63d0\u793a",type:"tip",children:[(0,i.jsx)(n.p,{children:"\u8bfb\u5b8c\u8fd9\u7bc7\u6587\u7ae0\u4e4b\u540e\uff0c\u4f60\u53ef\u4ee5\u56de\u987e\u6587\u7ae0\u91cc\u7684\u5185\u5bb9\uff0c\u95ee\u4e00\u95ee\u81ea\u5df1\uff1a"}),(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Web\u7ecf\u5386\u4e86\u54ea\u4e9b\u53d1\u5c55\u9636\u6bb5\uff1f"}),"\n",(0,i.jsx)(n.li,{children:"\u524d\u540e\u7aef\u4e4b\u95f4\u662f\u5982\u4f55\u4f7f\u7528HTTP\u534f\u8bae\u4ea4\u4e92\u7684\uff1f"}),"\n",(0,i.jsx)(n.li,{children:"AJAX\u6280\u672f\u662f\u4ec0\u4e48\uff1f\u662f\u5982\u4f55\u652f\u6491\u8d77\u73b0\u4ee3\u7684\u7f51\u9875\u7684\uff1f(\u5355\u9875\u5e94\u7528)"}),"\n"]}),(0,i.jsx)(n.p,{children:"\u63a8\u8350\u5728\u770b\u4e0b\u4e00\u7bc7\u6587\u7ae0\u4e4b\u524d\u770b\u770b\u4e0b\u9762\u7684\u53c2\u8003\u6587\u7ae0"})]}),"\n",(0,i.jsx)(n.h2,{id:"\u53c2\u8003",children:"\u53c2\u8003"}),"\n",(0,i.jsxs)(n.p,{children:["\u5728\u8bfb\u5b8c\u8fd9\u7bc7\u6587\u7ae0\u540e\uff0c\u4f60\u53ef\u4ee5\u53bb\u8be6\u7ec6\u9605\u8bfb\u8fd9\u7bc7\u6587\u6863\uff1a",(0,i.jsx)(n.a,{href:"https://developer.mozilla.org/zh-CN/docs/Learn/Server-side/First_steps/Introduction",children:"https://developer.mozilla.org/zh-CN/docs/Learn/Server-side/First_steps/Introduction"})," (",(0,i.jsx)(n.strong,{children:"\u5f3a\u70c8\u63a8\u8350\uff01"}),")"]}),"\n",(0,i.jsxs)(n.p,{children:["\u8fd9\u91cc\u662f\u5173\u4e8eHTTP\u534f\u8bae\u7684\u8be6\u7ec6\u4ecb\u7ecd\uff1a",(0,i.jsx)(n.a,{href:"https://developer.mozilla.org/zh-CN/docs/Web/HTTP",children:"https://developer.mozilla.org/zh-CN/docs/Web/HTTP"})]})]})}function a(e={}){const{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(o,{...e})}):o(e)}},8453:(e,n,l)=>{l.d(n,{R:()=>c,x:()=>r});var s=l(6540);const i={},d=s.createContext(i);function c(e){const n=s.useContext(d);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),s.createElement(d.Provider,{value:n},e.children)}}}]);
View Git Blame Copy Permalink