angularjs與後臺傳值接收值
阿新 • • 發佈:2018-12-21
<html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> <style> table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px; } table tr:nth-child(odd) { background-color: #f1f1f1; } table tr:nth-child(even) { background-color: #ffffff; } </style> </head> <body> <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names"> <td>{{ x.name }}</td> <td>{{ x.sex }}</td> <td>{{ x.age }}</td> </tr> </table> </div> <script> var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http({ url: 'data.php', method: 'post', data:{id:'1','a':5} }) .success(function (data) {$scope.names = data;}); }); </script> </body> </html>
data.php
<?php $a = json_decode(file_get_contents("php://input")); // 因為傳的值是json格式 先進行轉化 if($a->id==1){ $arr=['0'=>['name'=>'畢世傑','sex'=>'男','age'=>'19'],'1'=>['name'=>'黃成志','sex'=>'男','age'=>'20'],'2'=>['name'=>'王闖','sex'=>'男','age'=>'19'],'3'=>['name'=>'李關亮','sex'=>'男','age'=>'19']];}else{ $arr=['0'=>['name'=>'哈哈','sex'=>'男','age'=>'19']]; } echo $arr=json_encode($arr); >