11.第三篇：代理模式（跨域問(wèn)題）

本文摘自 《JavaScript 設(shè)計(jì)模式》張容銘 著 版權(quán)歸原作者所有

  • 端口、協(xié)議、域名、IP不一致都會(huì)產(chǎn)生跨域問(wèn)題。

1.站長(zhǎng)統(tǒng)計(jì)

// 利用img之類的標(biāo)簽通過(guò)src屬性可以向其他域下的服務(wù)器發(fā)送請(qǐng)求。
// 但是此類請(qǐng)求是get請(qǐng)求，而且是單向的，不會(huì)有響應(yīng)數(shù)據(jù)。
// 統(tǒng)計(jì)代理
var Count = (function(){
  // 緩存圖片
  var img = new Image();
  // 返回統(tǒng)計(jì)函數(shù)
  return function(param){``
    // 統(tǒng)計(jì)請(qǐng)求字符串
    var str = 'http://www.count.com/a.git?';
    // 拼接請(qǐng)求字符串
    for (var i in param){
      str += i + '=' + param[i]
    }
    // 發(fā)送統(tǒng)計(jì)請(qǐng)求
    _img.src = str
  }
})();
Count({num:10})

2.JSONP(比較常用且常見(jiàn)的)

//利用script標(biāo)簽跨域。（CDN）
<script>
function jsonpCallBack(res,req){
  console.log(res,req);
}
</script>  
<scrtipt src="http://localhost/test/jsonp.php?callback=jsonp_CallBack&data=getJsonpData"></script>

3.代理模式（proxy）

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容