在ajax方法中，返回整个php页面，而不是echo信息

Question

When I use ajax method to the data from server, I get the whole php page, not the echo info.Why?

JS:

var myApp = angular.module("MyApp",[]);

myApp.config(function($httpProvider){
    $httpProvider.defaults.transformRequest = function(obj){
        var arrStr = [];
        for(var p in obj){
            arrStr.push(encodeURIComponent(p)+"="+encodeURIComponent(obj[p]));
        }
        return arrStr.join("&");
    };
    $httpProvider.defaults.headers.post = {
        "Content-Type": "application/x-www-form-urlencoded"
    };
});

  

myApp.controller("content",["$scope","$http",function($scope,$http){
    var postData = {name:"Liu"};
    $scope.onClick = function(){
        $http.post("http://oda53d5ps.bkt.clouddn.com/post.php",postData)
            .success(function(data,status,headers,config){
                $scope.result = data;
                console.log(data);
            });
    };
}]);

In my PHP files, it is " $str = $_POST["name"]; if($str == "Liu") { echo "Success!"; } else { echo "Failed!"; }"

</div>