一般情況我們在使用WebApi之類的技術時，都會遇到跨域的問題，這個只需要在服務端做一下處理即可。

如果這些GET或POST請求不需要傳遞Cookie數據的話，就沒什么問題了，但如果需要，那么會發現 雖然已經處理了跨域請求的問題，但后臺始終無法獲取到Cookie。

跨域傳輸Cookie是需要后臺和前臺同時做相關處理才能解決的。

就好比一個握手會話，前臺先表示，我的跨域請求是帶有Cookie的；請求到了服務端，服務端表示可以接收跨域Cookie，成交（開始重新帶著Cookie發起請求）

后臺代碼

Response.Headers.Add("Access-Control-Allow-Credentials", "true");

前臺代碼

$http.post("http://a.domain.com/Api/Product", { productId: 3 }, {  withCredentials: true,  params: { name: "Ray" },  headers: {'Authorization':"這個不重要"}}).success(function (data) {  //TODO});

這個是在單獨的請求中設置，如果要在所有的請求中都應用該設置則要使用 $httpProvider

angular.module("app").config(function ($httpProvider) {  $httpProvider.defaults.withCredentials = true;  $httpProvider.defaults.headers.common['Authorization'] = "89757";})

如果使用jQuery，則是這樣子的

$.ajax({  type: "POST",  url: "http://a.domain.com/Api/Product",  xhrFields: {    withCredentials: true  },  success: function (data) {    console.log(data)  },  error: function (data) {    console.error(data)  }})

撇開Cookie跨域傳輸的問題，angularjs的跨域POST請求與jQuery有些區別：

jQuery跨域與本域的區別僅僅是請求頭信息的變化；

angularjs跨域后，會變成兩次請求，第一次的Request Method是OPTIONS，這里有個概念叫preflight，這里不談。

第一次請求到服務器后，會針對請求的下面三項進行賦值

Access-Control-Allow-Origin Access-Control-Allow-Methods Access-Control-Allow-Headers"

瀏覽器接收到返回信息后，會再次發送請求，這次的Request Method是POST，這回就跟普通本域請求一樣了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。