AngularJS ajax with PHP json return

Question

I am new with php and angularjs >< I am trying to using ajax to get the data from php but fail

here's my controller

angular.module('AA')
    .controller('ExpController', ['$scope', 'Record', '$http', function ($scope,Record, $http) {
    $scope.trans = [];
    $scope.trans = Record.all();
}]);

factory.js

    angular.module('AA')
    .factory('Record', ['$http',function RecordFactory($http){
      return{
        all: function(){
            return $http.get("./php/getdata.php").success(function (response) {
              return  response;
            });
        }
      }
}]);

./php/getdata.php

<?php
header("Content-Type: application/json; charset=UTF-8");
$response=
      ' [
        {id: 0, title: "help", date: "1288323623009", cost: 20, person:"hard", category:"angu", items:[ {name:"item1"},{name:"item2"},{name:"item3"}]},
        {id: 1, title: "hahah", date: "1288323623008", cost: 9.99, person:"Leo", category:"adv"}
      ]';

echo ($response);
?>

console said

SyntaxError: Unexpected token i
at Object.parse (native)
at fromJson.....

is my json format wrong?

validator said [ { id: 0, title --------------^ Expecting 'STRING', '}' should I change it to string? — Leohom
– Leohom, Commented Jul 2, 2015 at 9:23

Quentin · Accepted Answer · 2015-07-02 09:28:03Z

3

Your response isn't JSON, so the JSON parser in the browser is failing.

Property names must be strings. Strings must be delimited with double quotes.

{id: ⇨ {"id": (and so on for all your other properties).

Use a linter to test your JSON.

Don't write JSON by hand. Create a PHP data structure and then pass it through json_encode.

answered Jul 2, 2015 at 9:28

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

Leohom Over a year ago

so amazing! It's exactly what my problem is, My JSON is wrong! but it comes out another bug $scope.trans first get Promise {$$state: Object} and factory.js return JSON later should I wait the response like this post?

Leohom Over a year ago

I got the solution! That's asynchronous problem, just follow this post. Thank you!!!

SASIKUMAR SENTHILNATHAN · Accepted Answer · 2015-07-02 09:38:51Z

-2

This might work.

1.Yes have an ajax call to the php from angular.

var responsePromise = $http.get("./php/getdata.php");

responsePromise.success(function(data, status, headers, config) {
                   //Assign resultJSON to desired variable
                });

edited Jul 2, 2015 at 9:38

answered Jul 2, 2015 at 9:22

SASIKUMAR SENTHILNATHAN

4832 gold badges6 silver badges22 bronze badges

2 Comments

Quentin Over a year ago

There's an ajax call in the code in the question already. It just uses the angular ajax library (which you should definitely be using when you use angular — replacing it with jQuery is not a good idea).

Leohom Over a year ago

i tried and it finally no error pop up in console but the returned data is not my data in php it returned Object {readyState: 1} thank you for your help!

Collectives™ on Stack Overflow

AngularJS ajax with PHP json return

2 Answers 2

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Linked

Related