angular.js - 同樣的執行請求使用 $http 會提示跨域，但使用 jquery 的 ajax 就正常

Question

$.ajax({
          url: api.regist,
          type: 'POST',
          dataType: 'json',
          data: {
            email: $scope.email,
            password: $scope.password
          }
        })

$http({
        url: api.regist,
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        data: {
          email: $scope.email,
          password: $scope.password
        }
      })

這兩個不應該是完全一樣的意義嘛？為什麼使用 ajax 可以執行成功，但使用 $http 就提示跨域了呢？

Answer 1

postCfg = {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
  transformRequest: function(data) {
    return $.param(data);
  }
}

app.config([
  '$httpProvider',
  function($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
   }
]}

$http.post(url, {}, postCfg)

自己找到的方法，測速成功

Answer 2

angular跨域使用 jsonp,當然前提是你的伺服器回傳的是 jsonp 格式。

$http.jsop(url).success(fn).error(fn);