Данные JSON с AngularJS из PHP, соединяющегося с SQL

Question

Данные JSON с AngularJS из PHP, соединяющегося с SQL

0

connect.php

<?php
   $host        = "host=127.0.0.1";
   $port        = "port=5432";
   $dbname      = "dbname=Northwind";
   $credentials = "user=postgres password=qwer1234";

   $db = pg_connect( "$host $port $dbname $credentials"  );

    $sql =<<<EOF
      SELECT * from customers;
EOF;

   $ret = pg_query($db, $sql);
   if(!$ret){
      echo pg_last_error($db);
      exit;
   } 
   $rows = array();
   while($r = pg_fetch_assoc($ret)){
      $rows[] = $r;
      echo json_encode($rows);
   }
?>

JSON

[{"CustomerID":"ALFKI","CompanyName":"Alfreds Futterkiste","ContactName":"Maria Anders","ContactTitle":"Sales Representative","Address":"Obere Str. 57","City":"Berlin","Region":null,"PostalCode":"12209","Country":"Germany","Phone":"030-0074321","Fax":"030-0076545"}][{"CustomerID":"ALFKI","CompanyName":"Alfreds Futterkiste","ContactName":"Maria Anders","ContactTitle":"Sales Representative","Address":"Obere Str. 57","City":"Berlin","Region":null,"PostalCode":"12209"...........

AngularJs.html

<html ng-app="myApp">
<head>
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
    <div ng-controller="customersCtrl"> 
        <div>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>CustomerID</th>
                        <th>CompanyName</th>
                        <th>ContactName</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in customers">
                        <td>{{item.CustomerID}}</td>
                        <td>{{item.CompanyName}}</td>
                        <td>{{item.ContactName}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</html>
<script>

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

app.controller('customersCtrl', ['$scope', '$http', function($scope,$http) {
   console.log("Initiating the controller");
   $http.get('http://localhost:8080/connect.php').success(function(data) {
    $scope.customers = data;
    });
}]);
</script>

Результатом этого является то, что ничего не появляется на angularjs.html Help Me! Thanx.

ooz 21 нояб. 2015, в 22:37

Источник

0

Попробуйте данные console.log() из .get, а также $scope.customers чтобы проверить, как присваивается результат
Tristan 21 нояб. 2015, в 21:08
0

XMLHttpRequest не может загрузить localhost: 8080 / connect.php . В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'null', следовательно, не разрешено.
ooz 21 нояб. 2015, в 21:16
0

Спасибо за добавление заголовка кода («Access-Control-Allow-Origin: *»); заголовок («Content-Type: application / json; charset = UTF-8»); сделанный.
ooz 21 нояб. 2015, в 21:19

Показать ещё 1 комментарий

Теги:

php

angularjs

json

postgresql

1 ответ

Ещё вопросы

Попробуйте данные console.log() из .get, а также $scope.customers чтобы проверить, как присваивается результат
XMLHttpRequest не может загрузить localhost: 8080 / connect.php . В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'null', следовательно, не разрешено.
Спасибо за добавление заголовка кода («Access-Control-Allow-Origin: *»); заголовок («Content-Type: application / json; charset = UTF-8»); сделанный.

ooz · Answer 1 · 2015-11-21T20-13-00.000Z

Инициирование контроллера

XMLHttpRequest не может загрузить http://localhost: 8080/connect.php. В запрошенном ресурсе нет заголовка "Access-Control-Allow-Origin". Поэтому исходный 'null' не допускается.