How to solve wrong with Get JSON data when I use angularJS

Question

Where is the wrong because I did all for this work. Please, someone help me!

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>  
  <script type="text/javascript">
    var app = angular.module('myApp', []);
    app.controller('heroisCtrl', function($scope, $http) {
       $http.get("https://angularjs.org/greet.php?callback=herois&name=Super%20Hero")
       .success(function(data) { $scope.names = data;});
    });
    </script>
</head>
<body>

<div ng-app="myApp" ng-controller="heroisCtrl">
<table>
  <tr ng-repeat="x in names">
    <td>{{ x.name }}</td>
    <td>{{ x.greeting }}</td>
  </tr>
</table>
</div>

</body>
</html>

At final I have this information by console: XMLHttpRequest cannot load angularjs.org/greet.php?callback=herois&name=Super%20Hero. No 'Access-Control-Allow-Origin' header is present on the requested resource.

SO stackoverflow.com/questions/20035101/…

Jax
– Jax

2015-07-10 15:01:42 +00:00
Commented Jul 10, 2015 at 15:01 — Jax
– Jax, Commented Jul 10, 2015 at 15:01

Pang · Accepted Answer · 2015-08-22 01:12:44Z

1

When fatch data from call back api then must set callback=JSON_CALLBACK

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>  
  <script type="text/javascript">
        var app = angular.module('myApp', []);
        app.controller('heroisCtrl', function($scope, $http) {
           $http.get("https://angularjs.org/greet.php?callback=JSON_CALLBACK&herois&name=Super%20Hero").success(function(data) { $scope.names = data;});
        });
    </script>
</head>
<body>

    <div ng-app="myApp" ng-controller="heroisCtrl">
        <table>
          <tr ng-repeat="x in names">
            <td>{{ x.name }}</td>
            <td>{{ x.greeting }}</td>
          </tr>
        </table>
    </div>

</body>
</html>

edited Aug 22, 2015 at 1:12

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Jul 10, 2015 at 20:09

Sandeep

1,4791 gold badge13 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fábio Duarte Over a year ago

Perfect Sandeep, but, How do I when need use other API, for example this: folhacar.com.br/frontendnovo.php/api/… Is not work. I'm using {{ x.nome_marca }} for print, but... is not working.

Sandeep Over a year ago

It's so simple... follow this code:

$http.get("http://www.folhacar.com.br/frontendnovo.php/api/listMarcas?callback=JSON_CALLBACK").success(function(data) { $scope.names = data;});

Max Pinto · Accepted Answer · 2015-08-22 01:16:40Z

0

this problem is your backend! You have to add

 AllowOrigin = '*' //not secure

Or add

AllowOrigin: 'yourClientAddressOrIp'

Not sure about sintax, but the idea is as i write before, then should be there. Sintax depends on your backend languaje.

And thats All

Regards

answered Aug 22, 2015 at 1:16

Max Pinto

1,4834 gold badges16 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to solve wrong with Get JSON data when I use angularJS

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related