angularjs appel à une url externe avec $http.obtenez de l'

J'ai un problème avec angulaires et des appels à l'externe, json, le fait est que local fonctionne parfaitement, mais quand je fais l'appel avec une url complète, donne-moi 404, je laisse le code au cas où vous voyez quelque chose qui manque, merci:

//JavaScript Document
var angularTodo = angular.module('lostsysApp', []);
function mainController($scope, $http) {
$scope.names = [];
$http.get('http://www.viudadesoubrier.com/angular/model.php')
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
alert(data);
console.log('Error: ' + data);
});
$scope.addNom = function() {
$http.post('http://www.viudadesoubrier.com/angular/model.php', { op: 'append', nom: $scope.nom, telefon: $scope.telefon } )
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
console.log('Error: ' + data);
});
$scope.nom="";
$scope.telefon="";
}
$scope.delNom = function( nom ) {
if ( confirm("Seguro?") ) {
$http.post('http://www.viudadesoubrier.com/angular/model.php', { op: 'delete', nom: nom } )
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
console.log('Error: ' + data);
});
}
}
}

Ajouter le code de index.html

<!doctype html>
<html ng-app="lostsysApp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="mainController">
<div class="jumbotron text-center">
<h1>Angular Test</h1>
</div>
<div class="col-sm-8 col-sm-offset-2 text-center">
<div class="form-group">
<input type="text" ng-model="nom" placeholder="Contact Name" class="form-control input-lg text-center" />
</div>
<div class="form-group">
<input type="text" ng-model="telefon" placeholder="Phone Number" class="form-control input-lg text-center" />
</div>
<div class="form-group">
<button class="btn btn-primary btn-lg" ng-click="addNom()">Añadir</button>
</div>
<div ng-repeat="n in names">
<p>
{{n.nom}} ({{n.phone}})
<a href="#" ng-click="delNom(n.nom)">[X]</a>
</p>
</div>
</div>
</body>
</html>

Merci.

Avez-vous essayé de frapper l'url dans votre navigateur? Ne vous obtenez une erreur 404 alors? Je m'attends à ce que vous obtenez de l'origine de la croix-des questions bien trop.
Je ne suis pas sûr que c'est beaucoup de code. Pourriez-vous partager plus d'infos comment vous avez publié votre serveur? Pourriez-vous frappé le site avec toute demande de générateur sans angulaire de votre client?
J'ai mis une fausse url dans le post. L'url fonctionne très bien la réponse est normale JSON: viudadesoubrier.com/angular/model.php.
Pouvez-vous fournir ce que vous voyez dans les outils de dev > réseau de la requête et de la réponse?
J'obtiens "erreur undefined"

OriginalL'auteur Bibliotec | 2016-01-27

  1. 7

    contrôleur : 

    var angularTodo = angular.module('lostsysApp', []);    
angularTodo.controller('mainController', function($scope, $http) {
$scope.names = [];
$http.get('http://www.viudadesoubrier.com/angular/model.php')
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
alert(data);
console.log('Error: ' + data);
});
$scope.addNom = function() {
$http.post('http://www.viudadesoubrier.com/angular/model.php', { op: 'append', nom: $scope.nom, telefon: $scope.telefon } )
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
console.log('Error: ' + data);
});
$scope.nom="";
$scope.telefon="";
}
$scope.delNom = function( nom ) {
if ( confirm("Seguro?") ) {
$http.post('http://www.viudadesoubrier.com/angular/model.php', { op: 'delete', nom: nom } )
.success(function(data) {
$scope.names = eval(data);
console.log(data)
})
.error(function(data) {
console.log('Error: ' + data);
});
}
}
});

    Permettre de la SCRO du côté serveur

    Access-Control-Allow-Headers: Content-Type
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Origin: *
    Il a parfaitement fonctionné. Je vous remercie.

    OriginalL'auteur Pratap A.K