2016-09-02 13 views
0

私のサーバーからHTMLファイルでデータを取得しようとしています。

私はw3 schools codeを試しましたが、私のサーバーリンクを使用しようとすると何も印刷されません。

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>  
<div ng-app="myApp" ng-controller="customersCtrl"> 

    <table> 
    <tr ng-repeat="x in names"> 
    <td>{{ x.Name }}</td> 
    <td>{{ x.Country }}</td> 
    </tr> 
    </table> 

</div> 

<script> 
    var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function($scope, $http) { 
    $http 
     .get("http://rabikhan.net23.net/Bitm_Student_Project/src/test.php") 
     .then(function (response) {$scope.names = response.data.records;}); 
    }); 
</script> 

とPHPコード

<?php 
header("Access-Control-Allow-Origin: *"); 
header("Content-Type: application/json; charset=UTF-8"); 

$conn = new mysqli("mysql4.000webhost.com", "a1724083_rhk", "r7224191", "a1724083_tour2"); 

$result = $conn->query("SELECT CompanyName, City, Country FROM customers"); 

$outp = ""; 
while($rs = $result->fetch_array(MYSQLI_ASSOC)) { 
    if ($outp != "") {$outp .= ",";} 
    $outp .= '{"Name":"' . $rs["CompanyName"] . '",'; 
    $outp .= '"City":"' . $rs["City"]  . '",'; 
    $outp .= '"Country":"'. $rs["Country"]  . '"}'; 
} 
$outp ='{"records":['.$outp.']}'; 
$conn->close(); 

echo($outp); 
?> 

私はecho($outp);が必要な情報を印刷することができますどのように質問

:ここ

は角のコードはありますか?

+0

'console.log'を使ってサーバが何を返そうとしているのか調べましたか?応答はどのように見えますか? –

+0

自分のjsonを手動で作成することは決してありません。エラーが発生しやすいです。代わりに 'json_encode()'を使用してください。詳細は '$ http'にエラーハンドラを追加してください – charlietfl

答えて

0

変更してPHPは、に:私もあなたがhttp://stats.hosting24.com/count.phpを指しているPHPの応答にいくつかの分析コードを持っていることに気づい

<?php 
 
    header("Access-Control-Allow-Origin: *"); 
 
    header("Content-Type: application/json; charset=UTF-8"); 
 

 
    $conn = new mysqli("mysql4.000webhost.com", "a1724083_rhk", "r7224191", "a1724083_tour2"); 
 

 
    $result = $conn->query("SELECT CompanyName AS Name, City, Country FROM customers"); 
 

 
    // create an empty output array 
 
    $output = array(); 
 
    while ($rs = $result->fetch_array(MYSQLI_ASSOC)) { 
 
     // add record to output array 
 
     $output.push($rs); 
 
    } 
 

 
    $conn->close(); 
 

 
    // return output array as proper json 
 
    echo json_encode($output); 
 
?>

、あなたのJSONレスポンスに付加しないようにしてください

関連する問題