2016-10-15 7 views
1

私は解決できないような単純な問題があります。私は、角度/ ajaxとPHPを使用してmysqlデータベースからデータの簡単なセットを返そうとしています。問題は、HTMLに何も入力されないことです。デバッガにエラーはありません。ここに私のコードです。Angular/Ajax/PHPがデータを取得できないという問題

HTML:

<?php 
 
include("includes/header.php"); 
 
?> 
 
<body ng-app="testapp"> 
 
    <div ng-ctrl="HomeController"> 
 
    <input type="text" ng-model="name"> 
 
    <p>{{name}}</p> 
 

 
    <ul ng-repeat="user in users"> 
 
     <li>{{user.fname user.lname}}</li> 
 
    </ul> 
 

 

 
    </div> 
 
    <script type="text/javascript" src="angular/testapp.js"></script> 
 
    <script type="text/javascript" src="angular/TestController.js"></script> 
 
</body> 
 
<?php 
 
    include("includes/footer.php"); 
 
?>

アンギュラ/ AJAX

angular.module("testapp").controller("TestController", function($scope, $http){ 
     $scope.name = ""; 

     $http({ 
     method: "POST", 
     url: "../includes/getUsers.php" 
     }).success(function(data){ 
     $scope.users = data; 
     }); 

    }); 

最後にPHP getUsers.php:

include("connection.php"); 

    $query = "SELECT fname, lname FROM user" 

    $rows = $db->query($query); 
    $data = array(); 
    while ($row = $rows->fetchAll(PDO:FETCH_ASSOC)) { 
    $data[] = $row; 
    } 


    echo json_encode($data); 
+0

コンソールになっているすべてのエラーを? – Archish

+0

Chromeで開発者用ツールのコンソールにエラーが表示されません。 –

+0

なぜ 'POST'を使うのですか? – Phil

答えて

2

これを試してみてくださいに以下のようなPHPコードにコンテンツタイプを追加してみてください;)

この文を引き起こしている問題:ここで

while ($row = $rows->fetchAll(PDO:FETCH_ASSOC)) { 

あなたは定数を使用していますFETCH_ASSOCPDOですので、:::

while ($row = $rows->fetchAll(PDO::FETCH_ASSOC)) { 

さらに、開発中のerror_reporting(E_ALL);を設定すると、すべてのエラーが発生する可能性があります。

UPDATE

あなたはまた、@のベンカテッシュ-konathamで述べたJSONレスポンスのための適切なヘッダを追加する必要があります

header('Content-Type: application/json'); 
echo json_encode($data); 
+1

それは問題でした。ありがとう。 –

+0

@EricSchumannこの回答があなたの問題を解決した場合はそれを受け入れ、質問を閉じる。 – itzmukeshy7

+0

申し訳ありません。初心者ここに。 –

0

てみてください最初にPHPコードを呼び出して、何かを返すかどうかを確認します。 $ HTTPで

その後、(.ERRORを追加しようとは)本当に私は問題がangularjsにバインドJSONデータだと思う要求

+0

addUsers.phpがindex.phpに組み込み、ドキュメントにエコーアウトすることでJSON文字列を返すことを確認しました。 –

0

をsuccedsかどうかを確認するために呼び出します。あなたは、ヘッダー

header('Content-Type: application/json');

関連する問題