个人中心
gpt4 book ai didi

javascript - 使用 Angular JS 从运行 MySQL 的 PHP 服务器获取数据时出错

转载 作者：行者123 更新时间：2023-11-29 05:59:10 25 4
gpt4 key购买 nike

当我的 Angular 应用程序调用我的 php 文件时，我收到 [$http:baddata] 错误。我不确定错误的确切触发位置，但我相信这是构建 json 对象的问题!我附上了所有相关代码。任何帮助都会很棒。提前致谢:)

enter image description here

Angular 文档显示了这一点 enter image description here

这是连接到我的数据库并尝试将 JSON 格式字符串返回给调用文件的 PHP 文件 

<?php 
echo '<script>console.log("Inside php file!")</script>';
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");

require_once('mysqli_connect.php');

$query = "SELECT rideid, destination, price, capacity, userid, origin, departDate, vehicle FROM rides";

$result = @mysqli_query($dbc, $query);

$outp = "";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
     if ($outp != "") {$outp .= ",";}
    $outp .= '{"Origin":"'  . $rs["origin"] . '",';
    $outp .= '"Destination":"'   . $rs["destination"]        . '",';
    $outp .= '"Price":"'. $rs["price"]     . '"}';
    $outp .= '"Capacity":"'. $rs["capacity"]     . '"}';
}

$outp ='{"records":['.$outp.']}';
//echo '<script>console.log(JSON.stringify('.$outp.'))</script>';
$conn->close();

echo($outp);

这是向 PHP 文件发出请求的 Angular 应用

<html>
<head>
    <!-- Include Angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>

<!-- Ride Table -->
     <div ng-app = "rideAppTest" ng-controller= "rideCtrlTest">
        <table>
          <tr ng-repeat = "x in names">
            <td>{{x.Origin}}</td>
            <td>{{x.Destination}}</td>
            <td>{{x.Price}}</td>
            <td>{{x.Capacity}}</td>
          </tr>
        </table>
     </div>
<!-- End Ride Table -->

<!--Ride Table Script-->
<script>
  var app = angular.module('rideAppTest', []);
  app.controller('rideCtrlTest', function($scope, $http) {
    $http.get("angularFilter.php")
    .then(
      function (response) {
        $scope.names = response.data.records;
      },
      function(data){
        console.log("Error!" + data);
      }

        );
});
</script>
</body>
</html>

最佳答案

不要像现在这样构造 JSON，首先收集数组或对象中的所有内容，然后执行 echo json_encode($result);

像这样:

$outp = [];
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    $outp[] = $rs;
}
echo json_encode(["records" => $outp]);

关于javascript - 使用 Angular JS 从运行 MySQL 的 PHP 服务器获取数据时出错，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46506866/

25 4 0
文章推荐： mysql - 基于三个关系表连接一个报表
文章推荐： ios - 内在内容大小在UITableView内部的UICollectionView
文章推荐： python - 元组索引必须是整数或切片，而不是 str
文章推荐： mysql - 存储在 SQL 中的二维数据
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com