AngularJs http get to PHP script returns the php code

Question

I am trying to grab an echo from a php script that spits out JSON.

<?php
    $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
    echo json_encode($arr);
?>

What I have in my angular code is the following: 'use strict';

app.factory('HttpRequestService', function($http) {
  var HttpRequestService = {
    async: function() {

      var promise = $http.get('/test.php').then(function (response) {
        return response.data;
      });
      return promise;
    },
    load: function() {
        console.log('helloo');
    }
  };
  return HttpRequestService;
});

And then in my service I have :

HttpRequestService.async().then(function(data) {
    console.log('data is : ' + data);
});

but this literary spits the whole php script and not just the echo data:

console :
data is : <?php
    $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
    echo json_encode($arr);
?>

Any ideas why this is happening? Thanks!

What happens when you hit the test.php page with your browser? What's the response that comes back. It looks like your php isn't being compiled. Perhaps you didn't run the php module in your web server. — Foo L
– Foo L, Commented Jul 30, 2013 at 17:47

Foo L · Accepted Answer · 2013-11-02 21:09:43Z

3

Check the response that comes back when you open test.php in your browser.

Your php isn't being compiled. Perhaps you didn't run the php module in your web server.

edited Nov 2, 2013 at 21:09

answered Jul 30, 2013 at 18:57

Foo L

11.1k8 gold badges43 silver badges53 bronze badges

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

Comments

dcodesmith · Accepted Answer · 2013-07-30 17:55:20Z

1

This is a factory, for naming convention sake, you might want to rename it HttpRequestFactory

app.factory('HttpRequestService', function($http, $q) {
  var HttpRequestService = {
    async: function() {
      var deferred = $q.defer();
      $http.get('/test.php')
         .success(function (data, status, headers, config) {
            deferred.resolve(data);
         })
         .error(function(data, status, headers, config){
            deferred.reject("An error occured");
         });
      return deferred.promise;
    }
  };
  return HttpRequestService;
});

edited Jul 30, 2013 at 17:55

answered Jul 30, 2013 at 17:49

dcodesmith

9,6244 gold badges38 silver badges40 bronze badges

1 Comment

Georgi Angelov Over a year ago

Thank you for the tip. I completely overlooked that part. I feel so newbish now lol.

Collectives™ on Stack Overflow

AngularJs http get to PHP script returns the php code

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related