{"id":176610,"date":"2020-10-09T23:19:14","date_gmt":"2020-10-09T15:19:14","guid":{"rendered":"http:\/\/4563.org\/?p=176610"},"modified":"2020-10-09T23:19:14","modified_gmt":"2020-10-09T15:19:14","slug":"js-%e5%bc%82%e6%ad%a5-http-%e8%af%b7%e6%b1%82%e7%9a%84%e8%bf%94%e5%9b%9e%e5%80%bc%ef%bc%8c%e5%a6%82%e4%bd%95%e8%b5%8b%e5%80%bc%e7%bb%99%e4%b8%80%e4%b8%aa%e5%8f%98%e9%87%8f%ef%bc%9f","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=176610","title":{"rendered":"js \u5f02\u6b65 http \u8bf7\u6c42\u7684\u8fd4\u56de\u503c\uff0c\u5982\u4f55\u8d4b\u503c\u7ed9\u4e00\u4e2a\u53d8\u91cf\uff1f"},"content":{"rendered":"
\n
\n
\n

js \u5f02\u6b65 http \u8bf7\u6c42\u7684\u8fd4\u56de\u503c\uff0c\u5982\u4f55\u8d4b\u503c\u7ed9\u4e00\u4e2a\u53d8\u91cf\uff1f <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : css3 <\/span> <\/i> 3<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
<\/p>\n

\u5f02\u6b65\u7f16\u7a0b\u65b0\u65b0\u65b0\u65b0\u624b\uff0c \u4e0d\u5e94\u8be5\u8bf4\u7f16\u7a0b\u65b0\u624b<\/p>\n

\u8fd9\u51e0\u65e5\u5728\u7528 jsbox \u6784\u5efa\u4e00\u4e2a\u81ea\u5df1\u7684\u5c0f\u5de5\u5177\uff0c\u5361\u5728\u4e86 http \u5f02\u6b65\u8bf7\u6c42\u8fd9\u4e00\u5757\uff0c\u8bf7\u6c42\u8fd4\u56de\u503c\u6b7b\u6d3b\u65e0\u6cd5\u8d4b\u503c\u7ed9\u4e00\u4e2a\u5168\u5c40\u7684\u53d8\u91cf\u7ed9\u5176\u4ed6\u5730\u65b9\u4f7f\u7528\uff1b<\/p>\n

\u4e86\u89e3\u4e86\u5f02\u6b65\u7684\u4e00\u4e9b\u57fa\u7840\u7528\u6cd5\uff0c\u6709\u901a\u8fc7 then \u83b7\u53d6\u7684\uff0c\u6709\u901a\u8fc7\u5b9a\u4e49 async \u51fd\u6570\u83b7\u53d6\u7684\uff0c\u8fd8\u6709\u56de\u8c03\u51fd\u6570\u83b7\u53d6\u7684 \u4f46\u53d1\u73b0\u6709\u4e2a\u7279\u70b9\u5c31\u662f\u62ff\u5230\u7684\u8fd4\u56de\u503c\uff0c\u4f5c\u7528\u57df\u5747\u4ecd\u5728\u5185\u90e8\uff0c\u62ff\u4e0d\u51fa\u6765\u8fd9\u4e2a\u8fd4\u56de\u503c<\/p>\n

\/\/ \u8c03\u7528 v \u7ad9\u7684 api \u4f8b\u5b50\uff0c\u83b7\u53d6\u6700\u65b0\u4e3b\u9898 function test() {    var result = undefined    let url = \"https:\/\/www.v2ex.com\/api\/topics\/latest.json\"    return $http.get({      url: url    }).then(resp => {      var data = resp.data[0]['title']      return data    }) } <\/code><\/pre>\n
\/\/\u8c03\u7528\u7684\u83b7\u53d6\u8fd4\u56de\u503c async function getRet(){     var ret = await test();     console.log(ret);     return ret; }  getRet()  \/\/ \u62ff\u4e0d\u5230 ret \u7684\u503c <\/code><\/pre>\n<\/p><\/div>\n
 \u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (23<\/span>)        <\/div>\n
 <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
    \n
  • \n
    \n
    \n
     \u8cc7\u6df1\u5927\u4f6c : Yumwey <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 async\/await \u8fd4\u56de\u7684\u662f promise\uff0c\u6240\u4ee5\uff0c\u77e5\u9053\u600e\u4e48\u62ff\u4e86\u5417\uff1f                                                            <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
     \u8cc7\u6df1\u5927\u4f6c : kuanng <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 getRet \u8fd9\u4e2a\u51fd\u6570\u8fd4\u56de\u7684\u662f\u4e00\u4e2a promise \u5427                                                            <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
     \u8cc7\u6df1\u5927\u4f6c : Jirajine <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 \u5f02\u6b65\u5c31\u662f\u8fd9\u6837\u7684\u554a\uff0c\u4f60\u8981\u975e\u8981\u7528\u540c\u6b65\u7684\u98ce\u683c\u5199\u5f02\u6b65\uff0c\u90a3\u5c31\u628a\u4ee3\u7801\u903b\u8f91\u5305\u5728\u4e00\u4e2a async IIFE \u91cc\u9762\uff0c\u50cf\u8fd9\u6837 
    (async function(){ 
    \/\/ your code here
    })()
    \u7136\u540e\u7528 await \u5c31\u80fd\u62ff\u5230\u5305\u5728 promise \u91cc\u9762\u7684\u503c\u4e86\u3002<\/p>\n
    \u8fd8\u6709\u4e2a\u6781\u5176\u4e0d\u63a8\u8350\u7684\u529e\u6cd5\u662f\u5b9a\u4e49\u4e00\u4e2a\u5168\u5c40\u53d8\u91cf\uff0c\u7136\u540e\u5f02\u6b65\u4ee3\u7801\u91cc\u628a\u7ed3\u679c\u8d4b\u503c\u7ed9\u8fd9\u4e2a\u53d8\u91cf\uff0c\u4f46\u4f60\u65e0\u6cd5\u4fdd\u8bc1\u4f60\u53d6\u7528\u8fd9\u4e2a\u53d8\u91cf\u7684\u4ee3\u7801\u88ab\u8c03\u5ea6\u5230\u540e\u9762\u6267\u884c\u3002                                                            <\/p><\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
     \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : css3 <\/span>  <\/div>\n
     <\/i>            <\/span> <\/div>\n<\/p><\/div>\n
                                                                 @css3 @Yumwey @kuanng 
    \u8fd9\u6837\u53ef\u4ee5\uff0c\u4f46\u6211\u540e\u9762\u8981\u7528\u8fd9\u4e2a\u8fd4\u56de\u503c\u7684\u5730\u65b9\uff0c\u662f\u6784\u5efa\u4e00\u4e2a webvirw, \u5b83\u662f\u4e0d\u652f\u6301\u76f4\u63a5\u7ed9\u4e00\u5768\u4e1c\u897f\u7684\uff0c\u8fd8\u662f\u5f97\u8d4b\u503c\u7ed9\u53d8\u91cf\u624d\u80fd\u7528\u554a
    https:\/\/gist.github.com\/seryte\/e725987b2b18ccb43772a2b8ea182198