網(wǎng)上各種跨域教程，各種實踐，各種問答，除了簡單的 jsonp 以外，很多說 CORS 的都是行不通的，老是缺那么一兩個關鍵的配置。本文只想解決問題，所有的代碼經(jīng)過親自實踐。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設、容城網(wǎng)站維護、網(wǎng)站推廣。

本文解決跨域中的 get、post、data、cookie 等這些問題。

本文只會說 get 請求和 post 請求，讀者請把 post 請求理解成除 get 請求外的所有其他請求方式。

JSONP

JSONP是利用瀏覽器對script的資源引用沒有同源限制，通過動態(tài)插入一個script標簽，當資源加載到頁面后會立即執(zhí)行的原理實現(xiàn)跨域的。JSONP是一種非正式傳輸協(xié)議，該協(xié)議的一個要點就是允許用戶傳遞一個callback或者開始就定義一個回調方法，參數(shù)給服務端，然后服務端返回數(shù)據(jù)時會將這個callback參數(shù)作為函數(shù)名來包裹住JSON數(shù)據(jù)，這樣客戶端就可以隨意定制自己的函數(shù)來自動處理返回數(shù)據(jù)了。

JSONP只支持GET請求而不支持POST等其它類型的HTTP請求,它只支持跨域HTTP請求這種情況，不能解決不同域的兩個頁面之間如何進行JavaScript調用的問題，JSONP的優(yōu)勢在于支持老式瀏覽器，弊端也比較明顯：需要客戶端和服務端定制進行開發(fā)，服務端返回的數(shù)據(jù)不能是標準的Json數(shù)據(jù)，而是callback包裹的數(shù)據(jù)。

jsonp 的原理很簡單，利用了【前端請求靜態(tài)資源的時候不存在跨域問題】這個思路。

但是 只支持 get，只支持 get，只支持 get。

注意一點，既然這個方法叫 jsonp，后端數(shù)據(jù)一定要使用 json 數(shù)據(jù)，不能隨便的搞個字符串什么的，不然你會覺得結果莫名其妙的。

前端 jQuery 寫法

$.ajax({
type: "get",
url: baseUrl + "/jsonp/get",
dataType: "jsonp",
success: function(response) {
$("#response").val(JSON.stringify(response));
}
});

新聞名稱：快速解決跨域請求問題:jsonp和CORS-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://weahome.cn/article/csgdph.html