\u4f5c\u4e3aJ2EE\u5f00\u53d1\u4eba\u5458\uff0c\u6211\u4eec\u4f3c\u4e4e\u7ecf\u5e38\u5173\u6ce8\u201c\u540e\u7aef\u673a\u5236\uff08backend mechanics\uff09\u201d\u3002\u6211\u4eec\u901a\u5e38\u4f1a\u5fd8\u8bb0\uff0cJ2EE\u7684\u4e3b\u8981\u6210\u529f\u4e4b\u5904\u5728Web\u5e94\u7528\u7a0b\u5e8f\u65b9\u9762\uff1b\u8bb8\u591a\u539f\u56e0\u4f7f\u5f97\u4eba\u4eec\u559c\u6b22\u5229\u7528Web\u5f00\u53d1\u5e94\u7528\u7a0b\u5e8f\uff0c\u4f46\u4e3b\u8981\u8fd8\u662f\u56e0\u4e3a\u5176\u6613\u4e8e\u90e8\u7f72\u7684\u7279\u70b9\u5141\u8bb8\u7ad9\u70b9\u4ee5\u5c3d\u53ef\u80fd\u4f4e\u7684\u6210\u672c\u62e5\u6709\u4e0a\u767e\u4e07\u7684\u7528\u6237\u3002\u9057\u61be\u7684\u662f\uff0c\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\uff0c\u6211\u4eec\u5728\u540e\u7aef\u6295\u5165\u4e86\u592a\u591a\u7684\u65f6\u95f4\uff0c\u800c\u5728\u4f7f\u6211\u4eec\u7684Web\u7528\u6237\u754c\u9762\u5bf9\u7528\u6237\u81ea\u7136\u548c\u54cd\u5e94\u7075\u654f\u65b9\u9762\u5374\u6295\u5165\u4e0d\u8db3\u3002 <\/p>\n
\u3000\u3000\u672c\u6587\u4ecb\u7ecd\u4e00\u79cd\u65b9\u6cd5\uff0cAjax\uff0c\u4f7f\u7528\u5b83\u53ef\u4ee5\u6784\u5efa\u66f4\u4e3a\u52a8\u6001\u548c\u54cd\u5e94\u66f4\u7075\u654f\u7684Web\u5e94\u7528\u7a0b\u5e8f\u3002\u8be5\u65b9\u6cd5\u7684\u5173\u952e\u5728\u4e8e\u5bf9\u6d4f\u89c8\u5668\u7aef\u7684JavaScript\u3001DHTML\u548c\u4e0e\u670d\u52a1\u5668\u5f02\u6b65\u901a\u4fe1\u7684\u7ec4\u5408\u3002\u672c\u6587\u4e5f\u6f14\u793a\u4e86\u542f\u7528\u8fd9\u79cd\u65b9\u6cd5\u662f\u591a\u4e48\u7b80\u5355\uff1a\u5229\u7528\u4e00\u4e2aAjax\u6846\u67b6\uff08\u6307DWR\uff09\u6784\u9020\u4e00\u4e2a\u5e94\u7528\u7a0b\u5e8f\uff0c\u5b83\u76f4\u63a5\u4ece\u6d4f\u89c8\u5668\u4e0e\u540e\u7aef\u670d\u52a1\u8fdb\u884c\u901a\u4fe1\u3002\u5982\u679c\u4f7f\u7528\u5f97\u5f53\uff0c\u8fd9\u79cd\u5f3a\u5927\u7684\u529b\u91cf\u53ef\u4ee5\u4f7f\u5e94\u7528\u7a0b\u5e8f\u66f4\u52a0\u81ea\u7136\u548c\u54cd\u5e94\u7075\u654f\uff0c\u4ece\u800c\u63d0\u5347\u7528\u6237\u7684\u6d4f\u89c8\u4f53\u9a8c\u3002 <\/p>\n
\u3000\u3000\u8be5\u5e94\u7528\u7a0b\u5e8f\u4e2d\u6240\u4f7f\u7528\u7684\u793a\u4f8b\u4ee3\u7801\u5df2\u6253\u5305\u4e3a\u5355\u72ec\u7684WAR\u6587\u4ef6\uff0c\u53ef\u4f9b\u4e0b\u8f7d\u3002 <\/p>\n
\u7b80\u4ecb <\/p>\n
\u3000\u3000\u672f\u8bedAjax\u7528\u6765\u63cf\u8ff0\u4e00\u7ec4\u6280\u672f\uff0c\u5b83\u4f7f\u6d4f\u89c8\u5668\u53ef\u4ee5\u4e3a\u7528\u6237\u63d0\u4f9b\u66f4\u4e3a\u81ea\u7136\u7684\u6d4f\u89c8\u4f53\u9a8c\u3002\u5728Ajax\u4e4b\u524d\uff0cWeb\u7ad9\u70b9\u5f3a\u5236\u7528\u6237\u8fdb\u5165\u63d0\u4ea4\/\u7b49\u5f85\/\u91cd\u65b0\u663e\u793a\u8303\u4f8b\uff0c\u7528\u6237\u7684\u52a8\u4f5c\u603b\u662f\u4e0e\u670d\u52a1\u5668\u7684\u201c\u601d\u8003\u65f6\u95f4\u201d\u540c\u6b65\u3002Ajax\u63d0\u4f9b\u4e0e\u670d\u52a1\u5668\u5f02\u6b65\u901a\u4fe1\u7684\u80fd\u529b\uff0c\u4ece\u800c\u4f7f\u7528\u6237\u4ece\u8bf7\u6c42\/\u54cd\u5e94\u7684\u5faa\u73af\u4e2d\u89e3\u8131\u51fa\u6765\u3002\u501f\u52a9\u4e8eAjax\uff0c\u53ef\u4ee5\u5728\u7528\u6237\u5355\u51fb\u6309\u94ae\u65f6\uff0c\u4f7f\u7528JavaScript\u548cDHTML\u7acb\u5373\u66f4\u65b0UI\uff0c\u5e76\u5411\u670d\u52a1\u5668\u53d1\u51fa\u5f02\u6b65\u8bf7\u6c42\uff0c\u4ee5\u6267\u884c\u66f4\u65b0\u6216\u67e5\u8be2\u6570\u636e\u5e93\u3002\u5f53\u8bf7\u6c42\u8fd4\u56de\u65f6\uff0c\u5c31\u53ef\u4ee5\u4f7f\u7528JavaScript\u548cCSS\u6765\u76f8\u5e94\u5730\u66f4\u65b0UI\uff0c\u800c\u4e0d\u662f\u5237\u65b0\u6574\u4e2a\u9875\u9762\u3002\u6700\u91cd\u8981\u7684\u662f\uff0c\u7528\u6237\u751a\u81f3\u4e0d\u77e5\u9053\u6d4f\u89c8\u5668\u6b63\u5728\u4e0e\u670d\u52a1\u5668\u901a\u4fe1\uff1aWeb\u7ad9\u70b9\u770b\u8d77\u6765\u662f\u5373\u65f6\u54cd\u5e94\u7684\u3002 <\/p>\n
\u3000\u3000\u867d\u7136Ajax\u6240\u9700\u7684\u57fa\u7840\u67b6\u6784\u5df2\u7ecf\u51fa\u73b0\u4e86\u4e00\u6bb5\u65f6\u95f4\uff0c\u4f46\u76f4\u5230\u6700\u8fd1\u5f02\u6b65\u8bf7\u6c42\u7684\u771f\u6b63\u5a01\u529b\u624d\u5f97\u5230\u5229\u7528\u3002\u80fd\u591f\u62e5\u6709\u4e00\u4e2a\u54cd\u5e94\u6781\u5176\u7075\u654f\u7684Web\u7ad9\u70b9\u786e\u5b9e\u6fc0\u52a8\u4eba\u5fc3\uff0c\u56e0\u4e3a\u5b83\u6700\u7ec8\u5141\u8bb8\u5f00\u53d1\u4eba\u5458\u548c\u8bbe\u8ba1\u4eba\u5458\u4f7f\u7528\u6807\u51c6\u7684HTML\/CSS\/JavaScript\u5806\u6808\u521b\u5efa\u201c\u684c\u9762\u98ce\u683c\u7684\uff08desktop-like\uff09\u201d\u53ef\u7528\u6027\u3002 <\/p>\n
\u3000\u3000\u901a\u5e38\uff0c\u5728J2EE\u4e2d\uff0c\u5f00\u53d1\u4eba\u5458\u8fc7\u4e8e\u5173\u6ce8\u670d\u52a1\u548c\u6301\u4e45\u6027\u5c42\u7684\u5f00\u53d1\uff0c\u4ee5\u81f3\u4e8e\u7528\u6237\u754c\u9762\u7684\u53ef\u7528\u6027\u5df2\u7ecf\u843d\u540e\u3002\u5728\u4e00\u4e2a\u5178\u578b\u7684J2EE\u5f00\u53d1\u5468\u671f\u4e2d\uff0c\u5e38\u5e38\u4f1a\u542c\u5230\u8fd9\u6837\u7684\u8bdd\uff0c\u201c\u6211\u4eec\u6ca1\u6709\u53ef\u6295\u5165UI\u7684\u65f6\u95f4\u201d\u6216\u201c\u4e0d\u80fd\u7528HTML\u5b9e\u73b0\u201d\u3002\u4f46\u662f\uff0c\u4ee5\u4e0bWeb\u7ad9\u70b9\u8bc1\u660e\uff0c\u8fd9\u4e9b\u7406\u7531\u518d\u4e5f\u7ad9\u4e0d\u4f4f\u811a\u4e86\uff1a <\/p>\n
BackPack
Google Suggest
Google Maps
PalmSphere
\u3000\u3000\u6240\u6709\u8fd9\u4e9bWeb\u7ad9\u70b9\u90fd\u544a\u8bc9\u6211\u4eec\uff0cWeb\u5e94\u7528\u7a0b\u5e8f\u4e0d\u5fc5\u5b8c\u5168\u4f9d\u8d56\u4e8e\u4ece\u670d\u52a1\u5668\u91cd\u65b0\u8f7d\u5165\u9875\u9762\u6765\u5411\u7528\u6237\u5448\u73b0\u66f4\u6539\u3002\u4e00\u5207\u4f3c\u4e4e\u5c31\u5728\u77ac\u95f4\u53d1\u751f\u3002\u7b80\u800c\u8a00\u4e4b\uff0c\u5728\u6d89\u53ca\u5230\u7528\u6237\u754c\u9762\u7684\u54cd\u5e94\u7075\u654f\u5ea6\u65f6\uff0c\u57fa\u51c6\u8bbe\u5f97\u66f4\u9ad8\u4e86\u3002 <\/p>\n
\u5b9a\u4e49Ajax <\/p>\n
\u3000\u3000Adaptive Path\u516c\u53f8\u7684Jesse James Garrett\u8fd9\u6837\u5b9a\u4e49Ajax\uff1a <\/p>\n
\u3000\u3000Ajax\u4e0d\u662f\u4e00\u79cd\u6280\u672f\u3002\u5b9e\u9645\u4e0a\uff0c\u5b83\u7531\u51e0\u79cd\u84ec\u52c3\u53d1\u5c55\u7684\u6280\u672f\u4ee5\u65b0\u7684\u5f3a\u5927\u65b9\u5f0f\u7ec4\u5408\u800c\u6210\u3002Ajax\u5305\u542b\uff1a <\/p>\n
\u57fa\u4e8eXHTML\u548cCSS\u6807\u51c6\u7684\u8868\u793a\uff1b
\u4f7f\u7528Document Object Model\u8fdb\u884c\u52a8\u6001\u663e\u793a\u548c\u4ea4\u4e92\uff1b
\u4f7f\u7528XMLHttpRequest\u4e0e\u670d\u52a1\u5668\u8fdb\u884c\u5f02\u6b65\u901a\u4fe1\uff1b
\u4f7f\u7528JavaScript\u7ed1\u5b9a\u4e00\u5207\u3002
\u3000\u3000\u8fd9\u975e\u5e38\u597d\uff0c\u4f46\u4e3a\u4ec0\u4e48\u8981\u4ee5Ajax\u547d\u540d\u5462\uff1f\u5176\u5b9e\u672f\u8bedAjax\u662f\u7531Jesse James Garrett\u521b\u9020\u7684\uff0c\u4ed6\u8bf4\u5b83\u662f\u201cAsynchronous JavaScript + XML\u7684\u7b80\u5199\u201d\u3002 <\/p>\n
Ajax\u7684\u5de5\u4f5c\u539f\u7406 <\/p>\n
\u3000\u3000Ajax\u7684\u6838\u5fc3\u662fJavaScript\u5bf9\u8c61XmlHttpRequest\u3002\u8be5\u5bf9\u8c61\u5728Internet Explorer 5\u4e2d\u9996\u6b21\u5f15\u5165\uff0c\u5b83\u662f\u4e00\u79cd\u652f\u6301\u5f02\u6b65\u8bf7\u6c42\u7684\u6280\u672f\u3002\u7b80\u800c\u8a00\u4e4b\uff0cXmlHttpRequest\u4f7f\u60a8\u53ef\u4ee5\u4f7f\u7528JavaScript\u5411\u670d\u52a1\u5668\u63d0\u51fa\u8bf7\u6c42\u5e76\u5904\u7406\u54cd\u5e94\uff0c\u800c\u4e0d\u963b\u585e\u7528\u6237\u3002 <\/p>\n
\u3000\u3000\u5728\u521b\u5efaWeb\u7ad9\u70b9\u65f6\uff0c\u5728\u5ba2\u6237\u7aef\u6267\u884c\u5c4f\u5e55\u66f4\u65b0\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u5f88\u5927\u7684\u7075\u6d3b\u6027\u3002\u4e0b\u9762\u662f\u4f7f\u7528Ajax\u53ef\u4ee5\u5b8c\u6210\u7684\u529f\u80fd\uff1a <\/p>\n
\u52a8\u6001\u66f4\u65b0\u8d2d\u7269\u8f66\u7684\u7269\u54c1\u603b\u6570\uff0c\u65e0\u9700\u7528\u6237\u5355\u51fbUpdate\u5e76\u7b49\u5f85\u670d\u52a1\u5668\u91cd\u65b0\u53d1\u9001\u6574\u4e2a\u9875\u9762\u3002
\u63d0\u5347\u7ad9\u70b9\u7684\u6027\u80fd\uff0c\u8fd9\u662f\u901a\u8fc7\u51cf\u5c11\u4ece\u670d\u52a1\u5668\u4e0b\u8f7d\u7684\u6570\u636e\u91cf\u800c\u5b9e\u73b0\u7684\u3002\u4f8b\u5982\uff0c\u5728Amazon\u7684\u8d2d\u7269\u8f66\u9875\u9762\uff0c\u5f53\u66f4\u65b0\u7bee\u5b50\u4e2d\u7684\u4e00\u9879\u7269\u54c1\u7684\u6570\u91cf\u65f6\uff0c\u4f1a\u91cd\u65b0\u8f7d\u5165\u6574\u4e2a\u9875\u9762\uff0c\u8fd9\u5fc5\u987b\u4e0b\u8f7d32K\u7684\u6570\u636e\u3002\u5982\u679c\u4f7f\u7528Ajax\u8ba1\u7b97\u65b0\u7684\u603b\u91cf\uff0c\u670d\u52a1\u5668\u53ea\u4f1a\u8fd4\u56de\u65b0\u7684\u603b\u91cf\u503c\uff0c\u56e0\u6b64\u6240\u9700\u7684\u5e26\u5bbd\u4ec5\u4e3a\u539f\u6765\u7684\u767e\u5206\u4e4b\u4e00\u3002
\u6d88\u9664\u4e86\u6bcf\u6b21\u7528\u6237\u8f93\u5165\u65f6\u7684\u9875\u9762\u5237\u65b0\u3002\u4f8b\u5982\uff0c\u5728Ajax\u4e2d\uff0c\u5982\u679c\u7528\u6237\u5728\u5206\u9875\u5217\u8868\u4e0a\u5355\u51fbNext\uff0c\u5219\u670d\u52a1\u5668\u6570\u636e\u53ea\u5237\u65b0\u5217\u8868\u800c\u4e0d\u662f\u6574\u4e2a\u9875\u9762\u3002
\u76f4\u63a5\u7f16\u8f91\u8868\u683c\u6570\u636e\uff0c\u800c\u4e0d\u662f\u8981\u6c42\u7528\u6237\u5bfc\u822a\u5230\u65b0\u7684\u9875\u9762\u6765\u7f16\u8f91\u6570\u636e\u3002\u5bf9\u4e8eAjax\uff0c\u5f53\u7528\u6237\u5355\u51fbEdit\u65f6\uff0c\u53ef\u4ee5\u5c06\u9759\u6001\u8868\u683c\u5237\u65b0\u4e3a\u5185\u5bb9\u53ef\u7f16\u8f91\u7684\u8868\u683c\u3002\u7528\u6237\u5355\u51fbDone\u4e4b\u540e\uff0c\u5c31\u53ef\u4ee5\u53d1\u51fa\u4e00\u4e2aAjax\u8bf7\u6c42\u6765\u66f4\u65b0\u670d\u52a1\u5668\uff0c\u5e76\u5237\u65b0\u8868\u683c\uff0c\u4f7f\u5176\u5305\u542b\u9759\u6001\u3001\u53ea\u8bfb\u7684\u6570\u636e\u3002
\u3000\u3000\u4e00\u5207\u7686\u6709\u53ef\u80fd\uff01\u4f46\u613f\u5b83\u80fd\u591f\u6fc0\u53d1\u60a8\u5f00\u59cb\u5f00\u53d1\u81ea\u5df1\u7684\u57fa\u4e8eAjax\u7684\u7ad9\u70b9\u3002\u7136\u800c\uff0c\u5728\u5f00\u59cb\u4e4b\u524d\uff0c\u8ba9\u6211\u4eec\u4ecb\u7ecd\u4e00\u4e2a\u73b0\u6709\u7684Web\u7ad9\u70b9\uff0c\u5b83\u9075\u5faa\u4f20\u7edf\u7684\u63d0\u4ea4\/\u7b49\u5f85\/\u91cd\u65b0\u663e\u793a\u7684\u8303\u4f8b\uff0c\u6211\u4eec\u8fd8\u5c06\u8ba8\u8bbaAjax\u5982\u4f55\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002 <\/p>\n
Ajax\u53ef\u7528\u4e8e\u90a3\u4e9b\u573a\u666f\uff1f\u2014\u2014\u4e00\u4e2a\u4f8b\u5b50\uff1aMSN Money\u9875\u9762 <\/p>\n
\u3000\u3000\u524d\u51e0\u5929\uff0c\u5728\u6d4f\u89c8MSN Money\u9875\u9762\u7684\u65f6\u5019\uff0c\u6709\u4e00\u7bc7\u5173\u4e8e\u623f\u5730\u4ea7\u6295\u8d44\u7684\u6587\u7ae0\u5f15\u8d77\u4e86\u6211\u7684\u597d\u5947\u5fc3\u3002\u6211\u51b3\u5b9a\u4f7f\u7528\u7ad9\u70b9\u7684\u201cRate this article\u201d\uff08\u8bc4\u4ef7\u672c\u6587\uff09\u529f\u80fd\uff0c\u9f13\u52b1\u5176\u4ed6\u7684\u7528\u6237\u82b1\u4e00\u70b9\u65f6\u95f4\u6765\u9605\u8bfb\u8fd9\u7bc7\u6587\u7ae0\u3002\u5728\u6211\u5355\u51fbvote\u6309\u94ae\u5e76\u7b49\u5f85\u4e86\u4e00\u4f1a\u513f\u4e4b\u540e\uff0c\u6574\u4e2a\u9875\u9762\u88ab\u5237\u65b0\uff0c\u5728\u539f\u6765\u6295\u7968\u95ee\u9898\u6240\u5728\u7684\u5730\u65b9\u51fa\u73b0\u4e86\u4e00\u4e2a\u6f02\u4eae\u7684\u611f\u8c22\u753b\u9762\u3002 <\/p>\n
\u3000\u3000\u800cAjax\u80fd\u591f\u4f7f\u7528\u6237\u7684\u4f53\u9a8c\u66f4\u52a0\u6109\u5feb\uff0c\u5b83\u53ef\u4ee5\u63d0\u4f9b\u54cd\u5e94\u66f4\u52a0\u7075\u654f\u7684UI\uff0c\u5e76\u6d88\u9664\u9875\u9762\u5237\u65b0\u6240\u5e26\u6765\u7684\u95ea\u70c1\u3002\u76ee\u524d\uff0c\u7531\u4e8e\u8981\u5237\u65b0\u6574\u4e2a\u9875\u9762\uff0c\u9700\u8981\u4f20\u9001\u5927\u91cf\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u5fc5\u987b\u91cd\u65b0\u53d1\u9001\u6574\u4e2a\u9875\u9762\u3002\u5982\u679c\u4f7f\u7528Ajax\uff0c\u670d\u52a1\u5668\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2a\u5305\u542b\u4e86\u611f\u8c22\u4fe1\u606f\u7684500\u5b57\u8282\u7684\u6d88\u606f\uff0c\u800c\u4e0d\u662f\u53d1\u900126,813\u5b57\u8282\u7684\u6d88\u606f\u6765\u5237\u65b0\u6574\u4e2a\u9875\u9762\u3002\u5373\u4f7f\u4f7f\u7528\u7684\u662f\u9ad8\u901fInternet\uff0c\u4f20\u900126K\u548c1\/2K\u7684\u5dee\u522b\u4e5f\u975e\u5e38\u5927\u3002\u540c\u6837\u91cd\u8981\u7684\u662f\uff0c\u53ea\u9700\u8981\u5237\u65b0\u4e0e\u6295\u7968\u76f8\u5173\u7684\u4e00\u5c0f\u8282\uff0c\u800c\u4e0d\u662f\u5237\u65b0\u6574\u4e2a\u5c4f\u5e55\u3002 <\/p>\n
\u3000\u3000\u8ba9\u6211\u4eec\u5229\u7528Ajax\u5b9e\u73b0\u81ea\u5df1\u7684\u57fa\u672c\u6295\u7968\u7cfb\u7edf\u3002 <\/p>\n
\u539f\u59cb\u7684Ajax\uff1a\u76f4\u63a5\u4f7f\u7528XmlHttpRequest <\/p>\n
\u3000\u3000\u5982\u4e0a\u6240\u8ff0\uff0cAjax\u7684\u6838\u5fc3\u662fJavaScript\u5bf9\u8c61XmlHttpRequest\u3002\u4e0b\u9762\u7684\u793a\u4f8b\u6587\u7ae0\u8bc4\u4ef7\u7cfb\u7edf\u5c06\u5e26\u60a8\u719f\u6089Ajax\u7684\u5e95\u5c42\u57fa\u672c\u77e5\u8bc6\uff1ahttp:\/\/tearesolutions.com\/ajax-demo\/raw-ajax.html\u3002\u6ce8\uff1a\u5982\u679c\u60a8\u5df2\u7ecf\u5728\u672c\u5730WebLogic\u5bb9\u5668\u4e2d\u5b89\u88c5\u4e86ajax-demo.war\uff0c\u53ef\u4ee5\u5bfc\u822a\u5230http:\/\/localhost:7001\/ajax-demo\/raw-ajax.html\uff0c <\/p>\n
\u3000\u3000\u6d4f\u89c8\u5e94\u7528\u7a0b\u5e8f\uff0c\u53c2\u4e0e\u6295\u7968\uff0c\u5e76\u4eb2\u773c\u770b\u5b83\u5982\u4f55\u8fd0\u8f6c\u3002\u719f\u6089\u4e86\u8be5\u5e94\u7528\u7a0b\u5e8f\u4e4b\u540e\uff0c\u7ee7\u7eed\u9605\u8bfb\uff0c\u8fdb\u4e00\u6b65\u4e86\u89e3\u5176\u5de5\u4f5c\u539f\u7406\u7ec6\u8282\u3002 <\/p>\n
\u3000\u3000\u9996\u5148\uff0c\u60a8\u62e5\u6709\u4e00\u4e9b\u7b80\u5355\u7684\u5b9a\u4f4d\u70b9\u6807\u8bb0\uff0c\u5b83\u8fde\u63a5\u5230\u4e00\u4e2aJavaScriptcastVote(rank)\u51fd\u6570\u3002
function castVote(rank) {
var url = "\/ajax-demo\/static-article-ranking.html";
var callback = processAjaxResponse;
executeXhr(callback, url);
}
\u3000\u3000\u8be5\u51fd\u6570\u4e3a\u60a8\u60f3\u8981\u4e0e\u4e4b\u901a\u4fe1\u7684\u670d\u52a1\u5668\u8d44\u6e90\u521b\u5efa\u4e00\u4e2aURL\u5e76\u8c03\u7528\u5185\u90e8\u51fd\u6570executeXhr\uff0c\u63d0\u4f9b\u4e00\u4e2a\u56de\u8c03JavaScript\u51fd\u6570\uff0c\u4e00\u65e6\u670d\u52a1\u5668\u54cd\u5e94\u53ef\u7528\uff0c\u8be5\u51fd\u6570\u5c31\u88ab\u6267\u884c\u3002\u7531\u4e8e\u6211\u5e0c\u671b\u5b83\u8fd0\u884c\u5728\u4e00\u4e2a\u7b80\u5355\u7684Apache\u73af\u5883\u4e2d\uff0c\u201ccast vote URL\u201d\u53ea\u662f\u4e00\u4e2a\u7b80\u5355\u7684HTML\u9875\u9762\u3002\u5728\u5b9e\u9645\u60c5\u51b5\u4e2d\uff0c\u88ab\u8c03\u7528\u7684URL\u5c06\u8bb0\u5f55\u7968\u6570\u5e76\u52a8\u6001\u5730\u5448\u73b0\u5305\u542b\u6295\u7968\u603b\u6570\u7684\u54cd\u5e94\u3002 <\/p>\n
\u3000\u3000\u4e0b\u4e00\u6b65\u662f\u53d1\u51fa\u4e00\u4e2aXmlHttpRequest\u8bf7\u6c42\uff1a
function executeXhr(callback, url) {
\/\/ branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send(null);
} \/\/ branch for IE\/Windows ActiveX version
else if (window.ActiveXObject) { <\n\nbr \/>req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send();
}
}
} <\/p>\n
\u3000\u3000\u5982\u60a8\u6240\u89c1\uff0c\u6267\u884c\u4e00\u4e2aXmlHttpRequest\u5e76\u4e0d\u7b80\u5355\uff0c\u4f46\u975e\u5e38\u76f4\u89c2\u3002\u548c\u5e73\u5e38\u4e00\u6837\uff0c\u5728JavaScript\u9886\u57df\uff0c\u5927\u90e8\u5206\u7684\u5de5\u4f5c\u91cf\u90fd\u82b1\u5728\u786e\u4fdd\u6d4f\u89c8\u5668\u517c\u5bb9\u65b9\u9762\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u9996\u5148\u8981\u786e\u5b9aXmlHttpRequest\u662f\u5426\u53ef\u7528\u3002\u5982\u679c\u4e0d\u80fd\u7528\uff0c\u5f88\u53ef\u80fd\u8981\u4f7f\u7528Internet Explorer\uff0c\u8fd9\u6837\u5c31\u8981\u4f7f\u7528\u6240\u63d0\u4f9b\u7684ActiveX\u5b9e\u73b0\u3002 <\/p>\n
executeXhr()\u65b9\u6cd5\u4e2d\u6700\u5173\u952e\u7684\u90e8\u5206\u662f\u8fd9\u4e24\u884c\uff1a <\/p>\n
req.onreadystatechange = callback;
req.open("GET", url, true);
\u3000\u3000\u7b2c\u4e00\u884c\u5b9a\u4e49\u4e86JavaScript\u56de\u8c03\u51fd\u6570\uff0c\u60a8\u5e0c\u671b\u4e00\u65e6\u54cd\u5e94\u5c31\u7eea\u5b83\u5c31\u81ea\u52a8\u6267\u884c\uff0c\u800creq.open()\u65b9\u6cd5\u4e2d\u6240\u6307\u5b9a\u7684\u201ctrue\u201d\u6807\u5fd7\u8bf4\u660e\u60a8\u60f3\u8981\u5f02\u6b65\u6267\u884c\u8be5\u8bf7\u6c42\u3002 <\/p>\n
\u3000\u3000\u4e00\u65e6\u670d\u52a1\u5668\u5904\u7406\u5b8cXmlHttpRequest\u5e76\u8fd4\u56de\u7ed9\u6d4f\u89c8\u5668\uff0c\u4f7f\u7528req.onreadystatechange\u6307\u6d3e\u6240\u8bbe\u7f6e\u7684\u56de\u8c03\u65b9\u6cd5\u5c06\u88ab\u81ea\u52a8\u8c03\u7528\u3002
function processAjaxResponse() {
\/\/ only if req shows "loaded"
if (req.readyState == 4) {
\/\/ only if "OK"
if (req.status == 200) {
$('votes').innerHTML = req.responseText;
} else {
alert("There was a problem retrieving the XML data:\\n" +
req.statusText);
}
}
}
\u3000\u3000\u8be5\u4ee3\u7801\u76f8\u5f53\u7b80\u6d01\uff0c\u5e76\u4e14\u4f7f\u7528\u4e86\u51e0\u4e2a\u5e7b\u6570\uff0c\u8fd9\u4f7f\u5f97\u96be\u4ee5\u4e00\u4e0b\u5b50\u770b\u51fa\u53d1\u751f\u4e86\u4ec0\u4e48\u3002\u4e3a\u4e86\u5f04\u6e05\u695a\u8fd9\u4e00\u70b9\uff0c\u4e0b\u9762\u7684\u8868\u683c\uff08\u5f15\u7528\u81eahttp:\/\/developer.apple.com\/internet\/webcontent\/xmlhttpreq.html\uff09\u5217\u4e3e\u4e86\u5e38\u7528\u7684XmlHttpRequest\u5bf9\u8c61\u5c5e\u6027\u3002 <\/p>\n
\u5c5e\u6027
\u63cf\u8ff0 <\/p>\n
onreadystatechange
\u6bcf\u6b21\u72b6\u6001\u6539\u53d8\u6240\u89e6\u53d1\u4e8b\u4ef6\u7684\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f <\/p>\n
readyState
\u5bf9\u8c61\u72b6\u6001\u503c\uff1a <\/p>\n
0 = \u672a\u521d\u59cb\u5316\uff08uninitialized\uff09
1 = \u6b63\u5728\u52a0\u8f7d\uff08loading\uff09
2 = \u52a0\u8f7d\u5b8c\u6bd5\uff08loaded\uff09
3 = \u4ea4\u4e92\uff08interactive\uff09
4 = \u5b8c\u6210\uff08complete\uff09 <\/p>\n
responseText
\u4ece\u670d\u52a1\u5668\u8fdb\u7a0b\u8fd4\u56de\u7684\u6570\u636e\u7684\u5b57\u7b26\u4e32\u5f62\u5f0f <\/p>\n
responseXML
\u4ece\u670d\u52a1\u5668\u8fdb\u7a0b\u8fd4\u56de\u7684DOM\u517c\u5bb9\u7684\u6587\u6863\u6570\u636e\u5bf9\u8c61 <\/p>\n
status
\u4ece\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u5b57\u4ee3\u7801\uff0c\u6bd4\u5982404\uff08\u672a\u627e\u5230\uff09\u6216200\uff08\u5c31\u7eea\uff09 <\/p>\n
statusText
\u4f34\u968f\u72b6\u6001\u7801\u7684\u5b57\u7b26\u4e32\u4fe1\u606f <\/p>\n
\u3000\u3000\u73b0\u5728processVoteResponse()\u51fd\u6570\u5f00\u59cb\u663e\u793a\u51fa\u5176\u610f\u4e49\u4e86\u3002\u5b83\u9996\u5148\u68c0\u67e5XmlHttpRequest\u7684\u6574\u4f53\u72b6\u6001\u4ee5\u4fdd\u8bc1\u5b83\u5df2\u7ecf\u5b8c\u6210\uff08readyStatus == 4\uff09\uff0c\u7136\u540e\u6839\u636e\u670d\u52a1\u5668\u7684\u8bbe\u5b9a\u8be2\u95ee\u8bf7\u6c42\u72b6\u6001\u3002\u5982\u679c\u4e00\u5207\u6b63\u5e38\uff08status == 200\uff09,\u5c31\u4f7f\u7528innerHTML\u5c5e\u6027\u91cd\u5199DOM\u7684\u201cvotes\u201d\u8282\u70b9\u7684\u5185\u5bb9\u3002 <\/p>\n
\u3000\u3000\u65e2\u7136\u60a8\u4eb2\u773c\u770b\u5230\u4e86XmlHttpRequest\u5bf9\u8c61\u662f\u5982\u4f55\u5de5\u4f5c\u7684\uff0c\u5c31\u8ba9\u6211\u4eec\u5229\u7528\u4e00\u4e2a\u65e8\u5728\u7b80\u5316JavaScript\u4e0eJava\u5e94\u7528\u7a0b\u5e8f\u4e4b\u95f4\u7684\u5f02\u6b65\u901a\u4fe1\u7684\u6846\u67b6\u6765\u5bf9\u5177\u4f53\u7684\u7ec6\u8282\u8fdb\u884c\u62bd\u8c61\u3002 <\/p>\n
Ajax: DWR\u65b9\u5f0f <\/p>\n
\u3000\u3000\u6309\u7167\u4e0e\u6587\u7ae0\u8bc4\u4ef7\u7cfb\u7edf\u76f8\u540c\u7684\u6d41\u7a0b\uff0c\u6211\u4eec\u5c06\u4f7f\u7528Direct Web Remoting\uff08DWR\uff09\u6846\u67b6\u5b9e\u73b0\u540c\u6837\u7684\u529f\u80fd\u3002 <\/p>\n
\u3000\u3000\u5047\u5b9a\u6587\u7ae0\u548c\u6295\u7968\u7ed3\u679c\u5b58\u50a8\u5728\u4e00\u4e2a\u6570\u636e\u5e93\u4e2d\uff0c\u4f7f\u7528\u67d0\u79cd\u5bf9\u8c61\/\u5173\u7cfb\u6620\u5c04\u6280\u672f\u6765\u5b8c\u6210\u62bd\u53d6\u5de5\u4f5c\u3002\u4e3a\u4e86\u90e8\u7f72\u8d77\u6765\u5c3d\u53ef\u80fd\u5730\u7b80\u5355\uff0c\u6211\u4eec\u4e0d\u4f1a\u4f7f\u7528\u6570\u636e\u5e93\u8fdb\u884c\u6301\u4e45\u6027\u5b58\u50a8\u3002\u6b64\u5916\uff0c\u4e3a\u4f7f\u5e94\u7528\u7a0b\u5e8f\u5c3d\u53ef\u80fd\u901a\u7528\uff0c\u4e5f\u4e0d\u4f7f\u7528Web\u6846\u67b6\u3002\u76f8\u53cd\uff0c\u5e94\u7528\u7a0b\u5e8f\u5c06\u4ece\u4e00\u4e2a\u9759\u6001HTML\u6587\u4ef6\u5f00\u59cb\uff0c\u53ef\u4ee5\u8ba4\u4e3a\u5b83\u7531\u670d\u52a1\u5668\u52a8\u6001\u5730\u5448\u73b0\u3002\u9664\u4e86\u8fd9\u4e9b\u7b80\u5316\u63aa\u65bd\uff0c\u5e94\u7528\u7a0b\u5e8f\u8fd8\u5e94\u8be5\u4f7f\u7528Spring Framework\u5173\u8054\u4e00\u5207\uff0c\u4ee5\u4fbf\u8f7b\u677e\u770b\u51fa\u5982\u4f55\u5728\u4e00\u4e2a\u201c\u771f\u5b9e\u7684\u201d\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4f7f\u7528DWR\u3002 <\/p>\n
\u3000\u3000\u73b0\u5728\u5e94\u8be5\u4e0b\u8f7d\u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u5e76\u719f\u6089\u5b83\u3002\u8be5\u5e94\u7528\u7a0b\u5e8f\u88ab\u538b\u7f29\u4e3a\u6807\u51c6\u7684WAR\u6587\u4ef6\uff0c\u56e0\u6b64\u60a8\u53ef\u4ee5\u628a\u5b83\u653e\u7f6e\u5230\u4efb\u4f55\u4e00\u4e2aWeb\u5bb9\u5668\u4e2d\u2014\u2014\u65e0\u9700\u8fdb\u884c\u914d\u7f6e\u3002\u90e8\u7f72\u5b8c\u6bd5\u4e4b\u540e\uff0c\u5c31\u53ef\u4ee5\u5bfc\u822a\u5230http:\/\/localhost:7001\/ajax-demo\/dwr-ajax.html\u6765\u8fd0\u884c\u7a0b\u5e8f\u3002 <\/p>\n
\u3000\u3000\u53ef\u4ee5\u67e5\u770bHTML \u6e90\u4ee3\u7801\uff0c\u4e86\u89e3\u5b83\u5982\u4f55\u5de5\u4f5c\u3002\u7ed9\u4eba\u5370\u8c61\u6700\u6df1\u7684\u662f\uff0c\u4ee3\u7801\u5982\u6b64\u7b80\u5355\u2014\u2014\u6240\u6709\u4e0e\u670d\u52a1\u5668\u7684\u4ea4\u4e92\u90fd\u9690\u85cf\u5728JavaScript\u5bf9\u8c61ajaxSampleSvc\u7684\u540e\u9762\u3002\u66f4\u52a0\u4ee4\u4eba\u60ca\u8bb6\u7684\u662f\uff0cajaxSampleSvc\u670d\u52a1\u4e0d\u662f\u7531\u624b\u5de5\u7f16\u5199\u800c\u662f\u5b8c\u5168\u81ea\u52a8\u751f\u6210\u7684\uff01\u8ba9\u6211\u4eec\u7ee7\u7eed\uff0c\u770b\u770b\u8fd9\u662f\u5982\u4f55\u505a\u5230\u7684\u3002 <\/p>\n
\u5f15\u5165DWR <\/p>\n
\u3000\u3000\u5982\u540c\u5728\u201c\u539f\u59cb\u7684Ajax\u201d\u4e00\u8282\u6240\u6f14\u793a\u7684\u90a3\u6837\uff0c\u76f4\u63a5\u4f7f\u7528XmlHttpRequest\u521b\u5efa\u5f02\u6b65\u8bf7\u6c42\u975e\u5e38\u9ebb\u70e6\u3002\u4e0d\u4ec5JavaScript\u4ee3\u7801\u5197\u957f\uff0c\u800c\u4e14\u5fc5\u987b\u8003\u8651\u670d\u52a1\u5668\u7aef\u4e3a\u5b9a\u4f4dAjax\u8bf7\u6c42\u5230\u9002\u5f53\u7684\u670d\u52a1\u6240\u9700\u505a\u7684\u5de5\u4f5c\uff0c\u5e76\u5c06\u7ed3\u679c\u5c01\u9001\u5230\u6d4f\u89c8\u5668\u3002 <\/p>\n
\u3000\u3000\u8bbe\u8ba1DWR\u7684\u76ee\u7684\u662f\u8981\u5904\u7406\u5c06Web\u9875\u9762\u5b89\u88c5\u5230\u540e\u7aef\u670d\u52a1\u4e0a\u6240\u9700\u7684\u6240\u6709\u4fe1\u606f\u7ba1\u9053\u3002\u5b83\u662f\u4e00\u4e2aJava\u6846\u67b6\uff0c\u53ef\u4ee5\u5f88\u8f7b\u677e\u5730\u5c06\u5b83\u63d2\u5165\u5230Web\u5e94\u7528\u7a0b\u5e8f\u4e2d\uff0c\u4ee5\u4fbfJavaScript\u4ee3\u7801\u53ef\u4ee5\u8c03\u7528\u670d\u52a1\u5668\u4e0a\u7684\u670d\u52a1\u3002\u5b83\u751a\u81f3\u76f4\u63a5\u4e0eSpring Framework\u96c6\u6210\uff0c\u4ece\u800c\u5141\u8bb8\u7528\u6237\u76f4\u63a5\u5411Web\u5ba2\u6237\u673a\u516c\u5f00bean\u3002 <\/p>\n
\u3000\u3000DWR\u771f\u6b63\u7684\u5de7\u5999\u4e4b\u5904\u662f\uff0c\u5728\u7528\u6237\u914d\u7f6e\u4e86\u8981\u5411\u5ba2\u6237\u673a\u516c\u5f00\u7684\u670d\u52a1\u4e4b\u540e\uff0c\u5b83\u4f7f\u7528\u53cd\u5c04\u6765\u751f\u6210JavaScript\u5bf9\u8c61\uff0c\u4ee5\u4fbfWeb\u9875\u9762\u80fd\u591f\u4f7f\u7528\u8fd9\u4e9b\u5bf9\u8c61\u6765\u8bbf\u95ee\u8be5\u670d\u52a1\u3002\u7136\u540eWeb\u9875\u9762\u53ea\u9700\u63a5\u5408\u5230\u751f\u6210\u7684JavaScript\u5bf9\u8c61\uff0c\u5c31\u50cf\u5b83\u4eec\u662f\u76f4\u63a5\u4f7f\u7528\u670d\u52a1\u4e00\u6837\uff1bDWR\u65e0\u7f1d\u5730\u5904\u7406\u6240\u6709\u6709\u5173Ajax\u548c\u8bf7\u6c42\u5b9a\u4f4d\u7684\u7410\u788e\u7ec6\u8282\u3002 <\/p>\n
\u3000\u3000\u8ba9\u6211\u4eec\u4ed4\u7ec6\u5206\u6790\u4e00\u4e0b\u793a\u4f8b\u4ee3\u7801\uff0c\u5f04\u6e05\u5b83\u662f\u5982\u4f55\u5de5\u4f5c\u7684\u3002 <\/p>\n
\u5e94\u7528\u7a0b\u5e8f\u7ec6\u8282\uff1aDWR\u5206\u6790 <\/p>\n
\u3000\u3000\u5173\u4e8e\u5e94\u7528\u7a0b\u5e8f\uff0c\u9996\u5148\u8981\u6ce8\u610f\u7684\u662f\uff0c\u5b83\u662f\u4e00\u4e2a\u6807\u51c6\u7684Java\u5e94\u7528\u7a0b\u5e8f\uff0c\u4f7f\u7528\u5206\u5c42\u67b6\u6784\uff08Layered Architecture\uff09\u8bbe\u8ba1\u6a21\u5f0f\u3002\u4f7f\u7528DWR\u901a\u8fc7JavaScript\u516c\u5f00\u4e00\u4e9b\u670d\u52a1\u5e76\u4e0d\u5f71\u54cd\u60a8\u7684\u8bbe\u8ba1\u3002 <\/p>\n
\u3000\u3000\u4e0b\u9762\u662f\u4e00\u4e2a\u7b80\u5355\u7684Java\u670d\u52a1\uff0c\u6211\u4eec\u5c06\u4f7f\u7528DWR\u6846\u67b6\u76f4\u63a5\u5c06\u5176\u5411JavaScript\u4ee3\u7801\u516c\u5f00\uff1a <\/p>\n
package com.tearesolutions.service; <\/p>\n
public interface AjaxSampleSvc {
Article castVote(int rank);
}
\u3000\u3000\u8fd9\u662f\u4e00\u4e2a\u88ab\u7b80\u5316\u5230\u51e0\u4e4e\u4e0d\u53ef\u80fd\u7684\u7a0b\u5ea6\u7684\u4f8b\u5b50\uff0c\u5176\u4e2d\u53ea\u6709\u4e00\u7bc7\u6587\u7ae0\u53ef\u4ee5\u6295\u7968\u3002\u8be5\u670d\u52a1\u7531Spring\u7ba1\u7406\uff0c\u5b83\u4f7f\u7528\u7684bean\u540d\u662fajaxSampleSvc\uff0c\u5b83\u7684\u6301\u4e45\u6027\u9700\u6c42\u5219\u4f9d\u8d56\u4e8eArticleDao\u3002\u8be6\u60c5\u8bf7\u53c2\u89c1applicationContext.xml\u3002 <\/p>\n
\u3000\u3000\u4e3a\u4e86\u628a\u8be5\u670d\u52a1\u516c\u5f00\u4e3aJavaScript\u5bf9\u8c61\uff0c\u9700\u8981\u914d\u7f6eDWR\uff0c\u6dfb\u52a0dwr.xml\u6587\u4ef6\u5230WEB-INF\u76ee\u5f55\u4e0b\uff1a <\/p>\n
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-\/\/GetAhead Limited\/\/DTD Direct Web Remoting 0.4\/\/EN"
"http:\/\/www.getahead.ltd.uk\/dwr\/dwr.dtd"> <\/p>\n
<dwr>
<allow>
<create creator="spring" javascript="ajaxSampleSvc">
<param name="beanName" value="ajaxSampleSvc" \/>
<\/create>
<convert converter="bean" match="com.tearesolutions.model.Article"\/>
<exclude method="toString"\/>
<exclude method="setArticleDao"\/>
<\/allow>
<\/dwr>
\u3000\u3000dwr.xml\u6587\u4ef6\u544a\u8bc9DWR\u54ea\u4e9b\u670d\u52a1\u662f\u8981\u76f4\u63a5\u5411JavaScript\u4ee3\u7801\u516c\u5f00\u7684\u3002\u6ce8\u610f\uff0c\u5df2\u7ecf\u8981\u6c42\u516c\u5f00Spring bean ajaxSampleSvc\u3002DWR\u5c06\u81ea\u52a8\u627e\u5230\u7531\u5e94\u7528\u7a0b\u5e8f\u8bbe\u7f6e\u7684SpringApplicationContext\u3002\u4e3a\u6b64\uff0c\u5fc5\u987b\u4f7f\u7528\u6807\u51c6\u7684servlet\u8fc7\u6ee4\u5668ContextLoaderListener\u6765\u521d\u59cb\u5316Spring ApplicationContext\u3002 <\/p>\n
\u3000\u3000DWR\u88ab\u8bbe\u7f6e\u4e3a\u4e00\u4e2aservlet\uff0c\u6240\u4ee5\u628a\u5b83\u7684\u5b9a\u4e49\u6dfb\u52a0\u5230web.xml\uff1a
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app PUBLIC "-\/\/Sun Microsystems, Inc.\/\/DTD
Web Application 2.3\/\/EN" "http:\/\/java.sun.com\/dtd\/web-app_2_3.dtd"> <\/p>\n
<web-app>
<display-name>Ajax Examples<\/display-name> <\/p>\n
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
<\/listener-class>
<\/listener> <\/p>\n
<servlet>
<servlet-name>ajax_sample<\/servlet-name>
<servlet-class>com.tearesolutions.web.AjaxSampleServlet<\/servlet-class>
<lo<\/p>\n
ad-on-startup>1<\/load-on-startup>
<\/servlet> <\/p>\n
<servlet>
<servlet-name>dwr-invoker<\/servlet-name>
<display-name>DWR Servlet<\/display-name>
<description>Direct Web Remoter Servlet<\/description>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet<\/servlet-class>
<init-param>
<param-name>debug<\/param-name>
<param-value>true<\/param-value>
<\/init-param>
<\/servlet> <\/p>\n
<servlet-mapping>
<servlet-name>ajax_sample<\/servlet-name>
<url-pattern>\/ajax_sample<\/url-pattern>
<\/servlet-mapping> <\/p>\n
<servlet-mapping>
<servlet-name>dwr-invoker<\/servlet-name>
<url-pattern>\/dwr\/*<\/url-pattern>
<\/servlet-mapping>
<\/web-app>
\u3000\u3000\u505a\u5b8c\u8fd9\u4e9b\u4e4b\u540e\uff0c\u53ef\u4ee5\u52a0\u8f7dhttp:\/\/localhost:7001\/ajax-demo\/dwr\uff0c\u770b\u770b\u54ea\u4e9b\u670d\u52a1\u53ef\u7528\u3002\u7ed3\u679c\u5982\u4e0b\uff1a <\/p>\n
\u56fe3. \u53ef\u7528\u7684\u670d\u52a1 <\/p>\n
\u3000\u3000\u5355\u51fbajaxSampleSvc\u94fe\u63a5\uff0c\u67e5\u770b\u6709\u5173\u5982\u4f55\u5728HTML\u9875\u9762\u5185\u76f4\u63a5\u4f7f\u7528\u670d\u52a1\u7684\u793a\u4f8b\u5b9e\u73b0\u3002\u5176\u4e2d\u5305\u542b\u7684\u4e24\u4e2aJavaScript\u6587\u4ef6\u5b8c\u6210\u4e86\u5927\u90e8\u5206\u7684\u529f\u80fd\uff1a
<script type='text\/javascript'
src='\/ajax-demo\/dwr\/interface\/ajaxSampleSvc.js'><\/script>
<script type='text\/javascript'
src='\/ajax-demo\/dwr\/engine.js'><\/script>
ajaxSampleSvc.js\u662f\u52a8\u6001\u751f\u6210\u7684\uff1a <\/p>\n
function ajaxSampleSvc() { } <\/p>\n
ajaxSampleSvc.castVote = function(callback, p0)
{
DWREngine._execute(callback, '\/ajax-demo\/dwr',
'ajaxSampleSvc', 'castVote', p0);
}
\u3000\u3000\u73b0\u5728\u53ef\u4ee5\u4f7f\u7528JavaScript\u5bf9\u8c61ajaxSampleSvc\u66ff\u6362\u6240\u6709\u7684XmlHttpRequest\u4ee3\u7801\uff0c\u4ece\u800c\u91cd\u6784raw-ajax.html\u6587\u4ef6\u3002\u53ef\u4ee5\u5728dwr-ajax.html\u6587\u4ef6\u4e2d\u770b\u5230\u6539\u52a8\u7684\u7ed3\u679c\uff1b\u4e0b\u9762\u662f\u65b0\u7684JavaScript\u51fd\u6570\uff1a <\/p>\n
function castVote(rank) {
ajaxSampleSvc.castVote(processResponse, rank);
}
function processResponse(data) {
var voteText = "Thanks for Voting!"
+ "Current ranking: " + data.voteAverage
+ " out of 5"
+ "Number of votes placed: "
+ data.numberOfVotes + "";
$('votes').innerHTML = voteText;
}
\u3000\u3000\u60ca\u4eba\u5730\u7b80\u5355\uff0c\u4e0d\u662f\u5417\uff1f\u7531ajaxSampleSvc\u5bf9\u8c61\u8fd4\u56de\u7684Article\u57df\u5bf9\u8c61\u5e8f\u5217\u5316\u4e3a\u4e00\u4e2aJavaScript\u5bf9\u8c61\uff0c\u5141\u8bb8\u5728\u5b83\u4e0a\u9762\u8c03\u7528\u8bf8\u5982numberOfVotes()\u548cvoteAverage()\u4e4b\u7c7b\u7684\u65b9\u6cd5\u3002\u5728\u52a8\u6001\u751f\u6210\u5e76\u63d2\u5165\u5230DIV\u5143\u7d20\u201cvotes\u201d\u4e2d\u7684HTML\u4ee3\u7801\u5185\u4f7f\u7528\u8fd9\u4e9b\u6570\u636e\u3002 <\/p>\n
\u4e0b\u4e00\u6b65\u5de5\u4f5c <\/p>\n
\u3000\u3000\u3000\u5728\u540e\u7eed\u6587\u7ae0\u4e2d\uff0c\u6211\u5c06\u7ee7\u7eed\u6709\u5173Ajax\u7684\u8bdd\u9898\uff0c\u6d89\u53ca\u4e0b\u9762\u8fd9\u4e9b\u65b9\u9762\uff1a <\/p>\n
Ajax\u6700\u4f73\u5b9e\u8df5
\u3000\u3000\u50cf\u8bb8\u591a\u6280\u672f\u4e00\u6837\uff0cAjax\u662f\u4e00\u628a\u53cc\u5203\u5251\u3002\u5bf9\u4e8e\u4e00\u4e9b\u7528\u4f8b\uff0c\u5176\u5e94\u7528\u7a0b\u5e8f\u5176\u5b9e\u6ca1\u6709\u5fc5\u8981\u4f7f\u7528Ajax\uff0c\u4f7f\u7528\u4e86\u53cd\u800c\u6709\u635f\u53ef\u7528\u6027\u3002\u6211\u5c06\u4ecb\u7ecd\u4e00\u4e9b\u4e0d\u9002\u5408\u4f7f\u7528\u7684\u6a21\u5f0f\uff0c\u7a81\u51fa\u8bf4\u660eAjax\u7684\u4e00\u4e9b\u6d88\u6781\u65b9\u9762\uff0c\u5e76\u5c55\u793a\u4e00\u4e9b\u6709\u52a9\u4e8e\u7f13\u548c\u8fd9\u4e9b\u6d88\u6781\u65b9\u9762\u7684\u673a\u5236\u3002\u4f8b\u5982\uff0c\u5bf9Netflix\u7535\u5f71\u6d4f\u89c8\u5668\u6765\u8bf4\uff0cAjax\u662f\u5408\u9002\u7684\u89e3\u51b3\u65b9\u6848\u5417\uff1f\u6216\u8005\uff0c\u5982\u4f55\u63d0\u793a\u7528\u6237\u786e\u5b9e\u51fa\u4e86\u4e00\u4e9b\u95ee\u9898\uff0c\u800c\u518d\u6b21\u5355\u51fb\u6309\u94ae\u4e5f\u65e0\u6d4e\u4e8e\u4e8b\uff1f <\/p>\n
\u7ba1\u7406\u8de8\u8bf7\u6c42\u7684\u72b6\u6001
\u3000\u3000\u5728\u4f7f\u7528Ajax\u65f6\uff0c\u6700\u521d\u7684\u6587\u6863DOM\u4f1a\u53d1\u751f\u4e00\u4e9b\u53d8\u5316\uff0c\u5e76\u4e14\u6709\u5927\u91cf\u7684\u9875\u9762\u72b6\u6001\u4fe1\u606f\u5b58\u50a8\u5728\u5ba2\u6237\u7aef\u53d8\u91cf\u4e2d\u3002\u5f53\u7528\u6237\u8ddf\u8e2a\u4e00\u4e2a\u94fe\u63a5\u5230\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u53e6\u4e00\u4e2a\u9875\u9762\u65f6\uff0c\u72b6\u6001\u5c31\u4e22\u5931\u4e86\u3002\u5f53\u7528\u6237\u6309\u7167\u60ef\u4f8b\u5355\u51fbBack\u6309\u94ae\u65f6\uff0c\u5448\u73b0\u7ed9\u4ed6\u4eec\u7684\u662f\u7f13\u5b58\u4e2d\u7684\u521d\u59cb\u9875\u9762\u3002\u8fd9\u4f1a\u4f7f\u7528\u6237\u611f\u5230\u975e\u5e38\u8ff7\u60d1\uff01 <\/p>\n
\u8c03\u8bd5\u6280\u5de7
\u3000\u3000\u4f7f\u7528JavaScript\u5728\u5ba2\u6237\u7aef\u6267\u884c\u66f4\u591a\u7684\u5de5\u4f5c\u65f6\uff0c\u5982\u679c\u4e8b\u60c5\u4e0d\u6309\u9884\u671f\u65b9\u5f0f\u8fdb\u884c\uff0c\u5c31\u9700\u8981\u4e00\u4e9b\u8c03\u8bd5\u5de5\u5177\u6765\u5e2e\u52a9\u5f04\u6e05\u51fa\u73b0\u4e86\u4ec0\u4e48\u95ee\u9898\u3002 <\/p>\n
\u7ed3\u675f\u8bed <\/p>\n
\u3000\u3000\u672c\u6587\u4ecb\u7ecd\u4e86Ajax\u65b9\u6cd5\uff0c\u5e76\u5c55\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u5b83\u6765\u521b\u5efa\u4e00\u4e2a\u52a8\u6001\u4e14\u54cd\u5e94\u7075\u654f\u7684Web\u5e94\u7528\u7a0b\u5e8f\u3002\u901a\u8fc7\u4f7f\u7528DWR\u6846\u67b6\uff0c\u53ef\u4ee5\u8f7b\u677e\u5730\u628aAjax\u878d\u5408\u5230\u7ad9\u70b9\u4e2d\uff0c\u800c\u65e0\u9700\u62c5\u5fc3\u6240\u6709\u5fc5\u987b\u6267\u884c\u7684\u5b9e\u9645\u7ba1\u9053\u5de5\u4f5c\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4f5c\u4e3aJ2EE\u5f00\u53d1\u4eba\u5458\uff0c\u6211\u4eec\u4f3c\u4e4e\u7ecf\u5e38\u5173\u6ce8\u201c\u540e\u7aef\u673a\u5236\uff08backend mechani … \u7ee7\u7eed\u9605\u8bfb