使用的Ajax調用AngularJS

我有一個PHP服務器頁面JSON格式返回數據是這樣的：使用的Ajax調用AngularJS

<?php 
$data = array(
    (object)array(
     'title' => 'myfirstvalue', 
     'value' => 'myfirsttext', 
    ), 
    (object)array(
     'title' => 'mysecondvalue', 
     'value' => 'mysecondtext', 
    ), 
); 

$json = json_encode($data); 
echo $json; 
?>

現在我需要顯示使用AngularJS的JSON title屬性。從教程採取我已經改編了以下代碼：

<!DOCTYPE html> 
<html lang="en"> 


<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script> 
</head> 

<body ng-app="myapp"> 

    <div ng-controller="MyController" > 
    <button ng-click="myData.doClick(item, $event)">Send AJAX Request</button> 
    <br/> 
    Data from server: {{myData.fromServer}} 
    </div> 

    <script> 
    angular.module("myapp", []) 
     .controller("MyController", function($scope, $http) { 
      $scope.myData = {}; 
      $scope.myData.doClick = function(item, event) { 

       var responsePromise = $http.get("http://localhost/myfunction.php"); 

       responsePromise.success(function(data, status, headers, config) { 
        $scope.myData.fromServer = data.title; 
       }); 
       responsePromise.error(function(data, status, headers, config) { 
        alert("AJAX failed!"); 
       }); 
      } 


     }); 
    </script> 

</body> 

</html>

但是，當我點擊按鈕時沒有顯示。任何想法這個代碼的問題在哪裏？謝謝！

來源

2014-03-30 user2824073

如果你把'console.log（data）'成功回調，是否顯示數據已被接收？ – vittore

線

$scope.myData.fromServer = data.title;

不好。一般來說'是'，但不在這些代碼中。爲什麼？您的PHP代碼返回：

array(
    [0] => array(
     'title' => ..., 
     'value' => .... 
    ), 
    [1] => array(
     'title' => ..., 
     'value' => .... 
    ) 
);

您沒有鑰匙'標題'那裏。您應該使用data [0] .title來顯示結果（鍵'0'）。

我寧願在這種情況下使用UnderscoreJS（underscorejs.org）。方法_.pluck（list，propertyName）對我來說似乎很好。在這裏閱讀更多 - http://underscorejs.org/#pluck

來源

2014-03-31 10:00:06 MirekH

使用的Ajax調用AngularJS

回答

相關問題