{"id":854,"date":"2011-07-04T14:01:18","date_gmt":"2011-07-04T06:01:18","guid":{"rendered":"http:\/\/feizhaojun.com\/?p=854"},"modified":"2017-04-14T19:03:05","modified_gmt":"2017-04-14T11:03:05","slug":"ajax%e7%9a%84%e5%b0%8f%e8%b4%b4%e5%a3%ab","status":"publish","type":"post","link":"https:\/\/feizhaojun.com\/?p=854","title":{"rendered":"Ajax\u7684\u5c0f\u8d34\u58eb"},"content":{"rendered":"

\u539f\u6587\u94fe\u63a5\uff1ahttp:\/\/feizhaojun.com\/doc-archive\/Ajax\u7684\u5c0f\u8d34\u58eb.html<\/a><\/p>\n

\n

\u5728\u4f7f\u7528Ajax\u8fc7\u7a0b\u4e2d\uff0c\u6709\u65f6\u5019\u603b\u4f1a\u9047\u5230\u4e00\u4e9b\u96be\u9898\uff0c\u6d4f\u89c8\u5668\u517c\u5bb9\u3001\u7f16\u7801\u3001IE\u4e0b\u7684\u7279\u6b8a\u5904\u7406\u7b49\u7b49\uff0c\u5076\u5c14\u4f1a\u641e\u7684\u4eba\u5934\u660f\u8111\u80c0\u54ed\u7b11\u4e0d\u5f97\uff0c\u8fd9\u91cc\u5217\u4e00\u4e9b\u5c0f\u8d34\u58eb\uff0c\u6216\u8bb8\u6709\u4e9b\u7528\u3002<\/p>\n

\u4f7f\u7528Javascript\u5e93<\/h3>\n

Ajax\u7684\u6d41\u884c\u548c\u5de8\u5927\u5a01\u529b\uff0c\u8ba9\u6211\u4eec\u91cd\u65b0\u5ba1\u89c6\u4e86Javascript\u7684\u5f00\u53d1\uff0c\u4e5f\u76f4\u63a5\u4fc3\u4f7f\u5404\u79cd\u5e93\u7684\u51fa\u73b0\u3002\u5bf9\u4e8e\u666e\u901a\u7684\u5f00\u53d1\u8005\uff0c\u4f7f\u7528\u4e00\u4e9b\u9002\u5408\u81ea\u5df1\u7684Javascript\u5e93\u4e0d\u4ec5\u53ef\u4ee5\u907f\u514dAjax\u5e94\u7528\u4e0a\u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u7b49\u95ee\u9898\uff0c\u4e5f\u4f7f\u5176\u5f00\u53d1\u66f4\u52a0\u7684\u7a33\u5b9a\u548c\u9ad8\u6548\u3002\u8fd9\u91cc\u5217\u4e00\u4e9b\u6211\u77e5\u6653\u7684\u8f7b\u91cf\u7ea7\u7684Javascript\u5e93\uff1a<\/span><\/p>\n

    \n
  1. YUI<\/a><\/strong>\uff1aYAHOO\u51fa\u54c1\uff0c\u7ec4\u4ef6\u4e30\u5bcc\u5f3a\u5927\u5065\u58ee\u7a33\u5b9a\uff0c\u662f\u56e2\u961f\u534f\u4f5c\u5f00\u53d1\u7684\u9996\u9009\u3002<\/li>\n
  2. JQuery<\/a><\/strong>\uff1a\u7075\u6d3b\u3001\u9ad8\u6548\uff0c\u5176\u57fa\u4e8eCSS3 \u548cXPath\u7684\u9009\u62e9\u5668\u8bed\u6cd5\u5f15\u64ce\u975e\u5e38\u7684\u5f3a\u5927\u548c\u5b8c\u6574\u3002<\/li>\n
  3. Prototype<\/a><\/strong>\uff1a\u662f\u4e00\u4e2a\u975e\u5e38\u4f18\u96c5\u7684Javascript\u5e93\uff0c\u6700\u7ecf\u5178\u7684\u83ab\u8fc7\u4e8e$\u7b26\u53f7\u4e86\uff0cDWR\uff0cJQuery\u90fd\u88ab\u5b83\u5438\u5f15\u4e86\u3002\u5728\u5b83\u57fa\u7840\u4e0a\u51fa\u73b0\u4e86script.aculo.us<\/a>\u3002<\/li>\n
  4. Mootools<\/a><\/strong>\uff1a\u6838\u5fc3\u8bed\u6cd5\u548cPrototype\u6bd4\u8f83\u7c7b\u4f3c\uff0c\u4f46\u662f\u7528\u8fc7\u4e4b\u540e\u624d\u77e5\u9053\u4ec0\u4e48\u53eb\u7b80\u5355\u8f7b\u5de7\u548c\u77ed\u5c0f\u7cbe\u608d\u3002<\/li>\n<\/ol>\n

    \u7f16\u7801\u95ee\u9898<\/h3>\n

    \u901a\u8fc7XMLHttpRequest\u83b7\u53d6\u7684\u6570\u636e\uff0c\u9ed8\u8ba4\u7684\u5b57\u7b26\u7f16\u7801\u662fUTF-8\uff0c\u5982\u679c\u524d\u7aef\u9875\u9762\u662fGB2312\u6216\u8005\u5176\u5b83\u7f16\u7801\uff0c\u663e\u793a\u83b7\u53d6\u7684\u6570\u636e\u5c31\u662f\u4e71\u7801\u3002\u901a\u8fc7XMLHTTPRequest\uff0cPOST\u7684\u6570\u636e\u4e5f\u662fUTF-8\u7f16\u7801\uff0c\u5982\u679c\u540e\u53f0\u662fGB2312\u6216\u8005\u5176\u4ed6\u7f16\u7801\u4e5f\u4f1a\u51fa\u73b0\u4e71\u7801\u3002\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>\n

      \n
    1. \u7edf\u4e00\u5230UTF-8\u3002\u8fd9\u4e5f\u662f\u56fd\u9645\u5316\u7684\u5fc5\u7136\u8d8b\u52bf\u3002<\/li>\n
    2. \u8f93\u51fa\u901a\u8fc7XMLHttpRequest\u83b7\u53d6\u7684\u6587\u672c\u6587\u672c\u65f6\uff0c\u5728headers\u4e2d\u589e\u52a0\u6587\u672c\u58f0\u660e(\u76f4\u63a5HTML\u58f0\u660e\u6ca1\u6709\u4f5c\u7528)\u3002\u5982\uff1a\n
      PHP:header('Content-Type:text\/html;charset=GB2312');\r\nASP:Response.Charset = \"GB2312\"\r\nJSP:response.setHeader(\"Charset\",\"GB2312\");<\/code><\/pre>\n<\/li>\n
    3. WWW\u670d\u52a1\u5668\u4e0a\u5f3a\u5236\u58f0\u660e\u3002\u6bd4\u5982\uff1aapache\u4e0b\u7684\u914d\u7f6e\uff1aAddDefaultCharset GB2312<\/code>\u8fd9\u79cd\u60c5\u51b5\u4e3b\u8981\u662f\u5e94\u5bf9\u901a\u8fc7XMLHttpRequest\u8bbf\u95ee\u7684\u6587\u4ef6\u662f\u9759\u6001\u6587\u4ef6\uff0c\u65e0\u6cd5\u58f0\u660eheaders\u7684\u60c5\u51b5\u4e0b\u3002
        \u9759\u6001\u9875\u9762\u4e00\u822c\u90fd\u4f1a\u7ecf\u8fc7Apache\u7684deflate\u6216gzip\u538b\u7f29\uff0c\u6b64\u65f6\u5728\u4e0a\u9762\u60c5\u51b5\u4e0bIE\u4e2d\uff0c\u9996\u6b21\u901a\u8fc7XMLhttpRequest\u83b7\u5f97\u7684\u6570\u636e\u53ef\u4ee5\u6b63\u5e38\u663e\u793a\uff0c\u4f46\u518d\u83b7\u53d6\u6570\u636e\u663e\u793a\u65f6\u51fa\u73b0\u4e71\u7801\uff0c\u8fd9\u6b21\u56e0\u4e3a\u518d\u6b21\u83b7\u53d6\u7684\u6570\u636e\u6765\u81ea\u7f13\u5b58\uff0c\u53ef\u80fd\u7531\u4e8e\u6d4f\u89c8\u5668\u89e3\u538b\u7f29\u7684\u95ee\u9898\u5bfc\u81f4Apache\u8bbe\u7f6e\u7684\u9ed8\u8ba4\u7f16\u7801\u58f0\u660e\u4e22\u5931\u3002\u7531\u4e8e\u8fd9\u79cd\u60c5\u51b5\u4e0b\u4e00\u822c\u662f\u7eaf\u6587\u672c\uff0c\u53ef\u80fd\u8fd8\u65e0\u6cd5\u7981\u6b62\u7f13\u5b58\uff0c\u53ef\u4ee5\u8bbe\u7f6eXMLhttpRequest\u8bbf\u95ee\u7684\u6587\u672c\u6587\u4ef6\u4e0d\u538b\u7f29\u6765\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002\n<\/p>\n<\/li>\n
    4. \u975eUTF-8\u9875\u9762\u901a\u8fc7XMLHttpRequest\u83b7\u53d6\u7684\u6587\u672c\u6587\u672c\u8f93\u51fa\u524d\u5b57\u7b26\u8f6c\u7801\u6210unicode\uff0c\u6216\u8005\u7f16\u7801\u76f4\u63a5\u662fUTF-8\uff0c\u53ef\u4ee5\u6b63\u5e38\u663e\u793a\u3002\u5982\u5b9e\u4f8b<\/a>\u6240\u793a\u3002<\/strong><\/li>\n<\/ol>\n
      IE\u4e0b\u7684\u7f13\u5b58\u95ee\u9898<\/h3>\n
      \u7531\u4e8eIE\u7684\u7f13\u5b58\u5904\u7406\u673a\u5236\u95ee\u9898\uff0c\u6bcf\u6b21\u901a\u8fc7XMLHttpRequest\u8bbf\u95ee\u52a8\u6001\u9875\u9762\u8fd4\u56de\u7684\u603b\u662f\u9996\u6b21\u8bbf\u95ee\u7684\u5185\u5bb9\uff0c\u89e3\u51b3\u65b9\u6cd5\u6709\uff1a<\/p>\n
        \n
      1. \u5ba2\u6237\u7aef\u901a\u8fc7\u6dfb\u52a0\u968f\u673a\u5b57\u7b26\u4e32\u89e3\u51b3\u3002\u5982\uff1a\n
        var url = 'http:\/\/dancewithnet.com\/';\r\nurl +=  '?temp=' + new Date().getTime();\r\nurl +=  '?temp=' + Math.random();\r\n<\/code><\/pre>\n<\/li>\n
      2. \u5728HTTP headers\u7981\u6b62\u7f13\u5b58\u3002\u5982\uff1a\n
        \r\nHTTP:\r\n<meta http-equiv=\"pragma\" content=\"no-cache\" \/>\r\n<meta http-equiv=\"Cache-Control\" content=\"no-cache, must-revalidate\" \/>\r\n<meta http-equiv=\"expires\" content=\"Thu, 01 Jan 1970 00:00:01 GMT\" \/>\r\n<meta http-equiv=\"expires\" content=\"0\" \/>\r\n\r\nPHP\uff1a\r\nheader(\"Expires: Thu, 01 Jan 1970 00:00:01 GMT\");\r\nheader(\"Cache-Control: no-cache, must-revalidate\");\r\nheader(\"Pragma: no-cache\");\r\n\r\nASP\uff1a\r\nResponse.expires=0\r\nResponse.addHeader(\"pragma\",\"no-cache\")\r\nResponse.addHeader(\"Cache-Control\",\"no-cache, must-revalidate\")\r\n\r\nJSP\uff1a\r\nresponse.addHeader(\"Cache-Control\", \"no-cache\");\r\nresponse.addHeader(\"Expires\", \"Thu, 01 Jan 1970 00:00:01 GMT\");\r\n<\/code><\/pre>\n<\/li>\n
      3. \u5728XMLHttpRequest\u53d1\u9001\u8bf7\u6c42\u4e4b\u524d\u52a0\u4e0a\uff1a\n
        XMLHttpRequest.setRequestHeader(\"If-Modified-Since\",\"0\");\r\nXMLHttpRequest.send(null);\r\n<\/code><\/pre>\n<\/li>\n<\/ol>\n
        IE\u4e0b\u7684reponseXML\u95ee\u9898<\/h3>\n
        \u4f7f\u7528responseXML\u65f6\uff0cIE\u4e0b\u53ea\u80fd\u63a5\u53d7.xml\u4e3a\u540e\u7f00\u7684XML\u6587\u4ef6\uff0c\u5982\u679c\u4e0d\u80fd\u4ee5.xml\u6587\u4ef6\u4e3a\u7ed3\u5c3e\u7684\uff0c\u5219\u9700\u8981\u5982\u4e0b\u5904\u7406\uff1a<\/p>\n
          \n
        1. \u5728\u670d\u52a1\u5668\u7aef\u58f0\u660e\u662fxml\u6587\u4ef6\u7c7b\u578b\u3002\u5982\n
          \r\nPHP:header(\"Content-Type:text\/xml;charset=utf-8\");\r\nASP:Response.ContentType = \"text\/xml\";\r\nJSP:response.setHeader(\"ContentType\",\"text\/xml\");<\/code><\/pre>\n<\/p>\n<\/li>\n
        2. \u5229\u7528responseText\u83b7\u53d6\uff0c\u7136\u540e\u5c01\u88c5\u6210XML\u3002<\/li>\n
        3. \u5728AJAX\u5e94\u7528\u4e0a\uff0cJSON<\/a>\u548cJsonML<\/a>\u662fXML\u975e\u5e38\u597d\u7684\u66ff\u4ee3\u54c1\u3002<\/li>\n<\/ol><\/div>\n","protected":false},"excerpt":{"rendered":"
          \u539f\u6587\u94fe\u63a5\uff1ahttp:\/\/feizhaojun.com\/doc-archive\/Ajax\u7684\u5c0f\u8d34\u58eb.html \u5728\u4f7f\u7528Ajax…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,5],"tags":[],"class_list":["post-854","post","type-post","status-publish","format-standard","hentry","category-fe","category-javascript"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=854"}],"version-history":[{"count":1,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/854\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/854\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}