angulaire.js - La même requête d'exécution utilisant $http provoquera une requête inter-domaines, mais l'utilisation de l'ajax de jquery sera normale.

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
        }
      })

Ces deux-là ne devraient-ils pas avoir exactement la même signification ? Pourquoi peut-il être exécuté avec succès lors de l'utilisation d'ajax, mais lors de l'utilisation de $http, une erreur inter-domaines est-elle générée ?

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)

La méthode que j'ai trouvée, le test de vitesse a réussi

Answer 2

Angular utilise jsonp sur plusieurs domaines, bien sûr, le principe est que votre serveur renvoie le format jsonp.

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