javascript - 通过 AngularJS http GET 传递和访问参数

Question

AngularJS 初学者:我通过 http.get 将参数传递给 url(php 文件)。在我的 php 文件中，我有 mysql 查询，我必须在其中读取 where 子句中的那些参数。

简而言之:http://example.com/page.php?dept=some_dept&office=some_office是我的页面，我有 Angular Controller 和 View 部分。从这里我想获取 url string/params 并传递到 angular-data.php 从那里我 fecthing 响应。但是，angular-data.php 有一个 sql 查询，我计划在其中传递 WHERE 子句中的动态值，即来自 Angular Controller (部门和办公室)的参数，然后在我的 View 页面上获得响应(上面给出的带有参数的 url)

下面是我目前的代码:

page.php?dept=some_dept&office=some_office

var app = angular.module('myApp', []);
        app.controller('customersCtrl', function ($scope, $http) {
            $http({
                method: 'GET',
                url: 'angular-data.php',
                data: {
                    param1: type,
                    param2: office
                }
            }).then(function (response) {
                $scope.names = response.data.records;
            });
        });

page.php?dept=some_dept&office=some_office(继续...):

<tr ng-repeat="x in names">
    <td>
        {{$index + 1}}
    </td>
    <td>{{ x.Name}}.</td>
    <td>{{ x.Office}}</td>
</tr>

angular-data.php 我想为 WHERE 子句动态设置参数:

header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("localhost", "root", "", "local_server");
$result = $conn->query("SELECT * FROM `table` WHERE `Dept` = " . $_GET['dept'] . " AND `Office` = " . $_GET['office'] . "");
$outp = "";
while ($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    if ($outp != "") {
        $outp .= ",";
    }
    $outp .= '{"Name":"' . $rs["Name"] . '",';
    $outp .= '"Office":"' . $rs["Office"] . '"}';
}
$outp = '{"records":[' . $outp . ']}';
$conn->close();
echo($outp);

Answer 1

在您的 SQL 查询中，您正在获取 dept 和 office。您可以按如下方式传递这些参数。

您可以使用 params :将使用 paramSerializer 序列化并附加为 GET 参数的字符串或对象的映射。

$http({
          method: 'GET',
          url: 'angular-data.php',
          params: 'dept=some_dept, office=some_office'
    })

或

$http({
          method: 'GET',
          url: 'angular-data.php',
          params: {
                     dept:"some_dept",
                     office:"some_office"
                  }
    })

更多信息可以在这里找到$http#config