11.第三篇:代理模式(跨域問題)

本文摘自 《JavaScript 設計模式》張容銘 著 版權歸原作者所有

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

1.站長統(tǒng)計

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

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

//利用script標簽跨域。(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)

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容