name=value&anothername=othervalue&so=on<\/div>\n<\/div>\n
\u6b65\u9aa4 2 \u2013 "\u6536\u5230!" — \u5904\u7406\u670d\u52a1\u5668\u7684\u54cd\u5e94<\/b>
\n\u3000\u3000\u5f53\u53d1\u9001\u8bf7\u6c42\u65f6,\u8981\u63d0\u4f9b\u6307\u5b9a\u5904\u7406\u54cd\u5e94\u7684JavaScript\u51fd\u6570\u540d.<\/p>\n\n
\u5f15\u7528\u81ea
<\/u><\/div>\nhttp_request.onreadystatechange = nameOfTheFunction; <\/div>\n<\/div>\n
\u3000\u3000\u6211\u4eec\u6765\u770b\u770b\u8fd9\u4e2a\u51fd\u6570\u7684\u529f\u80fd\u662f\u4ec0\u4e48.\u9996\u5148\u51fd\u6570\u4f1a\u68c0\u67e5\u8bf7\u6c42\u7684\u72b6\u6001.\u5982\u679c\u72b6\u6001\u503c\u662f4,\u5c31\u610f\u5473\u7740\u4e00\u4e2a\u5b8c\u6574\u7684\u670d\u52a1\u5668\u54cd\u5e94\u5df2\u7ecf\u6536\u5230\u4e86,\u60a8\u5c06\u53ef\u4ee5\u5904\u7406\u8be5\u54cd\u5e94. <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\nif (http_request.readyState == 4) {
\n \/\/ everything is good, the response is received
\n} else {
\n \/\/ still not ready
\n}<\/div>\n<\/div>\n
\u3000\u3000readyState\u7684\u53d6\u503c\u5982\u4e0b:
\n\u3000\u30000 (\u672a\u521d\u59cb\u5316)
\n\u3000\u30001 (\u6b63\u5728\u88c5\u8f7d)
\n\u3000\u30002 (\u88c5\u8f7d\u5b8c\u6bd5)
\n\u3000\u30003 (\u4ea4\u4e92\u4e2d)
\n\u3000\u30004 (\u5b8c\u6210) <\/p>\n
\u3000\u3000\u63a5\u7740,\u51fd\u6570\u4f1a\u68c0\u67e5HTTP\u670d\u52a1\u5668\u54cd\u5e94\u7684\u72b6\u6001\u503c. \u5b8c\u6574\u7684\u72b6\u6001\u53d6\u503c\u53ef\u53c2\u89c1 W3C site. \u6211\u4eec\u7740\u91cd\u770b\u503c\u4e3a200 OK\u7684\u54cd\u5e94. <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\nif (http_request.status == 200) {
\n \/\/ perfect!
\n} else {
\n \/\/ there was a problem with the request,
\n \/\/ for example the response may be a 404 (Not Found)
\n \/\/ or 500 (Internal Server Error) response codes
\n}<\/div>\n<\/div>\n
\u3000\u3000\u5728\u68c0\u67e5\u5b8c\u8bf7\u6c42\u7684\u72b6\u6001\u503c\u548c\u54cd\u5e94\u7684HTTP\u72b6\u6001\u503c\u540e, \u60a8\u5c31\u53ef\u4ee5\u5904\u7406\u4ece\u670d\u52a1\u5668\u5f97\u5230\u7684\u6570\u636e\u4e86.\u6709\u4e24\u79cd\u65b9\u5f0f\u53ef\u4ee5\u5f97\u5230\u8fd9\u4e9b\u6570\u636e: <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\nhttp_request.responseText \u2013 \u4ee5\u6587\u672c\u5b57\u7b26\u4e32\u7684\u65b9\u5f0f\u8fd4\u56de\u670d\u52a1\u5668\u7684\u54cd\u5e94
\nhttp_request.responseXML \u2013 \u4ee5XMLDocument\u5bf9\u8c61\u65b9\u5f0f\u8fd4\u56de\u54cd\u5e94.\u5904\u7406XMLDocument\u5bf9\u8c61\u53ef\u4ee5\u7528JavaScript DOM\u51fd\u6570 <\/div>\n<\/div>\n
\u6b65\u9aa4 3 \u2013 "\u4e07\u4e8b\u4ff1\u5907!" – \u7b80\u5355\u5b9e\u4f8b<\/b><\/p>\n
\u3000\u3000\u6211\u4eec\u73b0\u5728\u5c06\u6574\u4e2a\u8fc7\u7a0b\u5b8c\u6574\u5730\u505a\u4e00\u6b21,\u53d1\u9001\u4e00\u4e2a\u7b80\u5355\u7684HTTP\u8bf7\u6c42. \u6211\u4eec\u7528JavaScript\u8bf7\u6c42\u4e00\u4e2aHTML\u6587\u4ef6, test.html, \u6587\u4ef6\u7684\u6587\u672c\u5185\u5bb9\u4e3a"I'm a test.".\u7136\u540e\u6211\u4eec"alert()"test.html\u6587\u4ef6\u7684\u5185\u5bb9. <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\n<script type="text\/javascript" language="javascript">
\n var http_request = false;
\n function makeRequest(url) {<\/p>\n
http_request = false;<\/p>\n
if (window.XMLHttpRequest) { \/\/ Mozilla, Safari,…
\n http_request = new XMLHttpRequest();
\n if (http_request.overrideMimeType) {
\n http_request.overrideMimeType('text\/xml');
\n }
\n } else if (window.ActiveXObject) { \/\/ IE
\n try {
\n http_request = new ActiveXObject("Msxml2.XMLHTTP");
\n } catch (e) {
\n try {
\n http_request = new ActiveXObject("Microsoft.XMLHTTP");
\n } catch (e) {}
\n }
\n }<\/p>\n
if (!http_request) {
\n alert('Giving up \ud83d\ude41 Cannot create an XMLHTTP instance');
\n return false;
\n }
\n http_request.onreadystatechange = alertContents;
\n http_request.open('GET', url, true);
\n http_request.send(null);<\/p>\n
}<\/p>\n
function alertContents() {<\/p>\n
if (http_request.readyState == 4) {
\n if (http_request.status == 200) {
\n alert(http_request.responseText);
\n } else {
\n alert('There was a problem with the request.');
\n }
\n }<\/p>\n
}
\n<\/script>
\n<span
\n style="cursor: pointer; text-decoration: underline"
\n onclick="makeRequest('test.html')">
\n Make a request
\n<\/span><\/p><\/div>\n<\/div>\n
\u3000\u3000\u672c\u4f8b\u4e2d:
\n\u3000\u3000\u7528\u6237\u70b9\u51fb\u6d4f\u89c8\u5668\u4e0a\u7684"\u8bf7\u6c42"\u94fe\u63a5;
\n\u3000\u3000\u63a5\u7740\u51fd\u6570makeRequest()\u5c06\u88ab\u8c03\u7528.\u5176\u53c2\u6570 \u2013 HTML\u6587\u4ef6test.html\u5728\u540c\u4e00\u76ee\u5f55\u4e0b;
\n\u3000\u3000\u8fd9\u6837\u5c31\u53d1\u8d77\u4e86\u4e00\u4e2a\u8bf7\u6c42.onreadystatechange\u7684\u6267\u884c\u7ed3\u679c\u4f1a\u88ab\u4f20\u9001\u7ed9alertContents();
\n\u3000\u3000alertContents()\u5c06\u68c0\u67e5\u670d\u52a1\u5668\u7684\u54cd\u5e94\u662f\u5426\u6210\u529f\u5730\u6536\u5230,\u5982\u679c\u662f,\u5c31\u4f1a"alert()"test.html\u6587\u4ef6\u7684\u5185\u5bb9. <\/p>\n
\u6b65\u9aa4 4 \u2013 "X-\u6587\u6863" — \u5904\u7406XML\u54cd\u5e94<\/b><\/p>\n
\u3000\u3000\u5728\u524d\u9762\u7684\u4f8b\u5b50\u4e2d,\u5f53\u670d\u52a1\u5668\u5bf9HTTP\u8bf7\u6c42\u7684\u54cd\u5e94\u88ab\u6536\u5230\u540e,\u6211\u4eec\u4f1a\u8c03\u7528\u8bf7\u6c42\u5bf9\u8c61\u7684reponseText\u5c5e\u6027.\u8be5\u5c5e\u6027\u5305\u542b\u4e86test.html\u6587\u4ef6\u7684\u5185\u5bb9.\u73b0\u5728\u6211\u4eec\u6765\u8bd5\u8bd5responseXML\u5c5e\u6027. <\/p>\n
\u3000\u3000\u9996\u5148,\u6211\u4eec\u65b0\u5efa\u4e00\u4e2a\u6709\u6548\u7684XML\u6587\u4ef6,\u540e\u9762\u6211\u4eec\u5c06\u4f7f\u7528\u8fd9\u4e2a\u6587\u4ef6.\u8be5\u6587\u4ef6(test.xml)\u6e90\u4ee3\u7801\u5982\u4e0b\u6240\u793a: <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\n<?xml version="1.0" ?>
\n<root>
\n I'm a test.
\n<\/root><\/div>\n<\/div>\n
\u3000\u3000\u5728\u8be5\u811a\u672c\u4e2d,\u6211\u4eec\u53ea\u9700\u4fee\u6539\u8bf7\u6c42\u90e8\u5206: <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\n…
\nonclick="makeRequest('test.xml')">
\n…<\/div>\n<\/div>\n
\u3000\u3000\u63a5\u7740,\u5728alertContents()\u4e2d,\u6211\u4eec\u5c06alert()\u7684\u4ee3\u7801alert(http_request.responseText);\u6362\u6210: <\/p>\n
\n
\u5f15\u7528\u81ea
<\/u><\/div>\n\u3000\u3000var xmldoc = http_request.responseXML;
\n\u3000\u3000var root_node = xmldoc.getElementsByTagName('root').item(0);
\n\u3000\u3000alert(root_node.firstChild.data);<\/div>\n<\/div>\n
\u3000\u3000\u8fd9\u91cc,\u6211\u4eec\u4f7f\u7528\u4e86responseXML\u63d0\u4f9b\u7684XMLDocument\u5bf9\u8c61\u5e76\u7528DOM\u65b9\u6cd5\u83b7\u53d6\u5b58\u4e8eXML\u6587\u4ef6\u4e2d\u7684\u5185\u5bb9.<\/p>\n","protected":false},"excerpt":{"rendered":"
\u3000\u3000\u8fd9\u7bc7\u6587\u7ae0\u5c06\u5e26\u60a8\u6d4f\u89c8\u6574\u4e2aAJAX\u7684\u57fa\u672c\u6982\u8c8c,\u5e76\u5c55\u793a\u4e24\u4e2a\u7b80\u5355\u7684\u4f8b\u5b50\u8ba9\u60a8\u8f7b\u677e\u4e0a\u8def. \u3000\u3000\u4ec0\u4e48\u662f AJAX? \u3000\u3000 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-345","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.mudone.com\/index.php?rest_route=\/wp\/v2\/posts\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mudone.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mudone.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mudone.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mudone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=345"}],"version-history":[{"count":0,"href":"https:\/\/www.mudone.com\/index.php?rest_route=\/wp\/v2\/posts\/345\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mudone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mudone.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mudone.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}