我一直试图在Phpmyadmin上显示数据库中的json文件，但没有成功。有人能告诉我我做错了什么吗？
这是我的代码：
json.php
<?php
header("Access-Control-Allow-Origin: *");
$con = mysqli_connect("localhost","root","","test");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$data=array();
$q=mysqli_query($con, "select * from mesures");
while ($row=mysqli_fetch_object($q)){
$data[]=$row;
}
echo json_encode($data);
mysqli_close($con);
?>
index.html
<div ng-controller="measureController as measureCtrl" style="margin-top:170px; border:0">
<h1>ok</h1>
<div ng-repeat="record in measureCtrl.records" class="row">
{{record.test}}
</div>
</div>
mesure-controller.js
angular.module('mesure', [])
.controller('measureController', ['$scope', 'recordService',
function($scope, recordService) {
this.records = new Object();
function getData(){
$(document).ready(function() {
recordService.getAll(function(callback){
if (callback != null){
//location.reload();
//console.log(callback);
this.records = callback;
return callback;
}
});
})
}
this.records = getData();
//console.log(this.records);
}]);
recordService.js
angular.module('recordService', []).factory('recordService', ["$timeout", function ($timeout) {
var RecordService = {};
var recordList = new Array();
return {
getAll : function (callback) {
$(document).ready(function()
{
var url="http://localhost/Effienergy/Effi-Prove/www/database/json.php";
$.getJSON(url,function(result){
//console.log(result);
$.each(result, function(i, field){
var record =
{
"test" : field.test,
"test2" : field.test2,
};
recordList.push(record);
//console.log(record)
});
}).done(function(){callback(recordList)});
});
},
get : function (id) {
for (record in this.recordList) {
if ((this.recordList[record]).id == id) {
return (this.recordList[record]);
}
}
return null;
},
add : function (record) {
this.recordList.push(record);
}
// //5 secondes après le chargement de la page, la valeur d'une propriété change dans le service.
// //La view est mise à jour automatiquement
// $timeout(function() {
// userData.userName = "NATNAT";
// }, 5000);
};
}]);
当我在开发者控制台中检查Json时，它似乎是有效的，所以我认为它与我试图做的范围有关。
这是我的json:here
提前感谢
我看到我的评论没有再发布了。让我第三次试试。getJson不是Angular，更改对Angular不可见。请替换为$http（｛url:url｝）。然后（functiom（rs）｛console.logdissapealing数组可能正在缓存。在chrome开发工具中，请禁用网络选项卡下的缓存
编辑：好的，看看你的pastebin，$http不会返回结果：
你的服务应该是这样的：
angular.module('recordService', []).factory('recordService', ['$http', function($http) {
var recordService = [];
recordService.getAll = function (callback) {
var url = "http://localhost/Effienergy/Effi-Prove/www/database/json.php";
$http({url: url}).then(function (rs) {
callback(rs.data);
console.log(rs)
}, function (err) {
console.log(err)
})
}
return recordService;
}]);
然后在你的控制器中保持简单：
angular.module('mesure', [])
.controller('measureController', function($scope, recordService) {
$scope.records = [];
recordService.getAll(function(rs) {
$scope.records = rs;
console.log(rs);
});
}]);
你的索引看起来不错
<div ng-controller="measureController as measureCtrl" style="margin-top:170px; border:0">
<h1>ok</h1>
<div ng-repeat="record in measureCtrl.records" class="row">
{{record.test}} - {{record.test2}}
</div>
</div>
请尝试更改此行
$data [] = $row;
至
array_push ($data,$row);