AngularJSでパラメータを渡してアクセスするhttp GET

Question

初心者：AngularJS： URL（PHPファイル）にhttp.getを介してパラメータを渡します。私のPHPファイルでは、私はwhere句でそれらのパラメータを読み取る必要があるmysqlクエリがあります。

簡潔に：http://example.com/page.php?dept=some_dept&office=some_officeは私の角度コントローラとビューの部分を持っている私のページです。これから私はURLの文字列/ paramsを取得して、私が応答をfectingしているところからangular-data.phpに渡します。しかし、angle-data.phpにはSQLのクエリがあります。このWHERE節の動的な値、つまりビューアのページ（urlはparamsで指定された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 &オフィス= some_office（継続...）：？

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

0123私が欲しい

角度-data.phpはのために動的にparamsは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

、あなたはdeptとofficeを得ています。 これらのパラメータを以下のように渡すことができます。

params：paramSerializerでシリアル化され、GETパラメータとして追加される文字列またはオブジェクトのマップ。

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

OR

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

もっと働いていないものを、ここで$http#config

Answer 2

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

チェック詳細

AngularJS passing data to $http.get request

Answer 3

あなたはのparamタイプを持っている場合、私は、理解していませんhttpリクエストを送信する前に、htmlのオフィスを開きます。

その後：たとえば、SQLクエリで

data: { 
    param1: $scope.type 
}