AngularJs http獲取到PHP腳本返回的PHP代碼

Question

我想從一個PHP腳本，吐出JSON的回聲。

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

我在我的角碼中有以下內容： '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; 
}); 

然後在我的服務，我有：

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

但這種文學吐整個PHP腳本，而不僅僅是回聲數據：

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

任何想法，爲什麼發生這種情況？謝謝！

Answer 1

檢查，當你在瀏覽器中打開test.php該回來的響應。

你的php沒有被編譯。也許你沒有在你的web服務器上運行php模塊。

Answer 2

這是一個工廠，命名約定的緣故，你可能想將其重命名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; 
});