軟體主廚的程式料理廚房

之前有一個案子的使用者有一個特別的要求，因為在網頁上瀏覽的圖片大小稍微大了一點，在行動裝置上網路不穩定的時候，會載入比較久的時間，所以使用者就想說能不能在圖片顯示前，先顯示一個 Loading 的畫面，等待圖片下載完成之後再顯示出來？

jQuery 中有一對關於所有 AJAX Requests 開始及結束的事件 - ajaxStart 及 ajaxStop，除非是完全靜態的頁面，不然一個引用了 jQuery 的網頁或多或少都會去用它的 $.ajax() 來呼叫 Web Api，那麼這一對事件一定會被觸發，我們剛好可以利用來做一個頁面的載入等待機制。

自從 AJAX 問世之後，由於節省頻寬、提升網頁回應速度的效果顯著，被大量採用，甚至發展出了 SPA，但是這樣反而出現了一個副作用，就是我們無法將網頁最終呈現的結果透過 URL 分享出去，不利於 SEO，我們就來看一下，怎麼在都是用非同步請求取得網頁內容的情況下，變換網址。

前些日子我們有一個需求，需要將一個 Web Api 開放給另一個也是在 intranet 但是不同 domain 的網頁呼叫，在拜完 Google 大神後寫了一個跨域呼叫的 Sample，但是過程當中卻遇到了一些問題…