您的位置：首页 > 编程技术 > js  >  Angular.js如何从PHP读取后台数据

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

 更新时间：2016年3月28日 10:00  点击：1863

之前已经有很多方法可以通过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变量上。

以上就是本文的全部内容，希望对大家的学习有所帮助。

[!--infotagslink--]

相关文章

  • Angular.js中下拉框实现渲染html的方法

    这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来学习学习吧。...2017-06-24

  • golang与php实现计算两个经纬度之间距离的方法

    这篇文章主要介绍了golang与php实现计算两个经纬度之间距离的方法,结合实例形式对比分析了Go语言与php进行经纬度计算的相关数学运算技巧,需要的朋友可以参考下...2016-07-29

  • 隐藏Nginx或Apache以及PHP的版本号的方法

    这篇文章主要介绍了隐藏Nginx或Apache以及PHP的版本号的方法,主要用来防止针对性的漏洞攻击,需要的朋友可以参考下...2016-01-05

  • jQuery+PHP+MySQL实现无限级联下拉框效果

    这篇文章主要介绍了jQuery+PHP+MySQL实现无限级联效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-02-21

  • 基于命令行执行带参数的php脚本并取得参数的方法

    这篇文章主要介绍了基于命令行执行带参数的php脚本并取得参数的方法,分析了命令行运行PHP代码的原理、用法与相关注意事项,需要的朋友可以参考下...2016-01-26

  • WordPress中用于检索模版的相关PHP函数使用解析

    这篇文章主要介绍了WordPress中用于检索模版的相关PHP函数使用解析,包括索模板的函数的使用,要的朋友可以参考下...2015-12-17

  • 个人网站留言页面（前端jQuery编写、后台php读写MySQL）

    这篇文章主要为大家介绍了个人网站的留言页面，前端使用jQuery编写、后台利用php简单读写MySQL数据库，感兴趣的小伙伴们可以参考一下...2016-05-05

  • angular.js指令中transclude选项及ng-transclude指令详解

    这篇文章主要研究一下如何使用ng-transclude指令,以及指令的transclude选项的相关资料，文中介绍的非常详细，并给出了完整的示例代码大家参考学习，需要的朋友们下面来一起看看吧。...2017-05-27

  • Docker配置PHP开发环境教程

    现在很多开发者都使用Vagrant来管理他们的虚拟机开发环境，Vagrant确实很酷， 不过也有不少缺点（最主要的是它占用太多的资源）。在容器技术、Docker和更多类Docker技术出现后，解决这个问题就变得简单了。这篇文章主要介绍了Docker配置PHP开发环境，下面来一起看看吧。...2017-01-08

  • 实例讲解如何在PHP的Yii框架中进行错误和异常处理

    这篇文章主要介绍了如何在PHP的Yii框架中进行错误和异常处理的实例,重点讲解了使用错误处理器的方法,需要的朋友可以参考下...2016-03-21

  • Angular2中Bootstrap界面库ng-bootstrap详解

    不知道大家有没有留意，最近angular-ui团队终于正式发布了基于 Angular2的Bootstrap界面库ng-bootstrap ，之前工作中一直在用 AngularJS 1.x 的UI Bootstrap ， 因此对这个ng-bootstrap 也是很感兴趣，所以第一时间进行试用。这篇文章就给大家详细介绍下ng-bootstrap。...2016-10-20

  • 在Mac OS的PHP环境下安装配置MemCache的全过程解析

    这篇文章主要介绍了在Mac OS的PHP环境下安装配置MemCache的全过程解析,MemCache是一套分布式的高速缓存系统,需要的朋友可以参考下...2016-02-18

  • golang与PHP输出excel示例

    这篇文章主要介绍了golang与PHP输出excel的方法,结合实例形式对比分析了Go语言及php输出Excel文件的相关技巧,需要的朋友可以参考下...2016-07-29

  • PHP laravel中的多对多关系实例详解

    数据表之间是纵横交叉、相互关联的，laravel的一对一，一对多比较好理解，本文重点通过实例给大家讲解 laravel中的多对多关系，感兴趣的朋友一起看看吧...2017-06-11

  • Angular.js基础学习之初始化

    这篇文章主要介绍了Angular.js基础学习之初始化的相关资料，AngularJS 启动有两种方式，一种是绑定初始化，自动加载，另外一种是手动初始化，文中介绍的很详细，需要的朋友可以参考下。...2017-03-13

  • Nginx配合php实现生成实时缩略图功能

    这篇文章主要介绍了Nginx配合php实现生成实时缩略图功能,这在一些特殊场合可能会要用到,需要的朋友可以参考下...2016-01-27

  • php中array_slice和array_splice函数解析

    本文介绍了php中array_slice和array_splice函数解析，php拆分数组的二个函数(array_slice()、array_splice()),各举一个例子,供大家学习参考。...2016-10-20

  • 在Mac OS上搭建PHP的Yii框架及相关测试环境

    这篇文章主要介绍了在Mac OS上搭建PHP的Yii框架及相关测试环境的方法,Mac自带Apache与PHP等软件,因而搭建开发环境时非常舒适,需要的朋友可以参考下...2016-02-18

  • 服务器迁移php版本不同可能诱发的问题

    今天在服务器做了迁移以后,前台可以正常显示和调用,登陆后台显示500错误,一般这种情况下都要查看核心跳转文件,经查看发现login.php文件并没有调用.因为找不到login.php文件，那就证明这个文件里是有语法错误...2015-12-24

  • windows 2008 R2 64位服务器中开启php curl扩展的方法

    这篇文章主要介绍了windows 2008 R2 64位服务器中开启php curl扩展的方法,需要的朋友可以参考下...2016-01-27