添加到桌面   加入收藏

Angular.js如何从PHP读取后台数据

03-24 11:51 来源:未知 编辑:admin  人气:   点评:评论一下 刷新: 刷新文章

之前已经有很多要领可以通过angular进行当地数据的读取。以前的例子中,大多数情况都是将数据存放到模块的$scope变量中,或者直接利用ng-init界说初始化的数据。但是这些要领都只为了演示其他功能的效果。这次来学习一下如何将Angular和PHP相结合,从后台读取数据
首先,利用PHP,我们界说了一组后台数据,代码如下(test.php):

<?php 
header("Access-Control-Allow-Origin: *"); 
header("Content-Type: application/json; charset=UTF-8"); 
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind"); 
$result = $conn->query("SELECT CompanyName, City, Country FROM Customers"); 
$outp = ""; 
while($rs = $result->fetch_array(MYSQLI_ASSOC)) { 
  if ($outp != "") {$outp .= ",";} 
  $outp .= '{"Name":"' . $rs["CompanyName"] . '",'; 
  $outp .= '"City":"'  . $rs["City"]    . '",'; 
  $outp .= '"Country":"'. $rs["Country"]   . '"}';  
} 
$outp ='{"records":['.$outp.']}'; 
$conn->close(); 
echo($outp); 
?> 

 这段代码含义比力简单,连接数据库后,从数据库中利用sql语句选择相应的数据($conn->query("SELECT CompanyName, City,Country FROM Customers"))。之后,利用循环结构,将取出的数据以键值对的形式保存在$outp变量中。
接下来,在js中操作如下:

<div ng-app="myApp" ng-controller="customersCtrl">  
<table> 
 <tr ng-repeat="x in names"> 
  <td>{{ x.Name }}</td> 
  <td>{{ x.Country }}</td> 
 </tr> 
</table> 
</div> 
<script> 
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
  $http.get("test.php") 
  .success(function (response) {$scope.names = response.records;}); 
}); 
</script> 

 这里仍然应用了$http服务进行数据的读取,传入数据文件对应的url路径,成功后返回数据,并绑定到$scope.names变量上。

以上就是本文的全部内容,希望对各人的学习有所帮助。

您可能感兴趣的文章:

  • AngularJS中实现用户访问的身份认证和表单验证功能
  • 3个可以改善用户体验的AngularJS指令介绍
  • AngularJS用户选择器指令实例分析
  • AngularJS自界说插件实现网站用户引导功能示例
  • AngularJS实现用户登录状态判断的要领(Model添加拦截过滤器,路由增加限制)
  • Angular.js与Bootstrap相结合实现表格分页代码
  • 总结十个Angular.js由浅入深的面试问题
  • 浅谈angular.js中实现双向绑定的要领$watch $digest $apply
  • Angular.js回顾ng-app和ng-model使用技巧
  • Angular.js实现注册系统的实例详解
[提醒] 转载请保留( 飞猪云教程)文章链接,谢谢!对本文有疑问欢迎留言讨论 ( 我有话说)!
元芳,把你的犀利的看法写到这里可好?
  • 全部评论(0
    还没有评论,快来抢沙发吧!