2013-05-19 42 views
-2

我开始使用Angularjs应用程序来了解关于js框架的更多信息,我在使用sql等一些事情时感到困惑,所以我想要一点点帮助在点击表上进行显示。使用AngularJS发出AJAX请求

即时消息试图做的是向数据库发出请求并填写表格ng-repeat,然后在单击按钮时显示滑动效果。

我没有任何想法如何获取sql查询并插入angularjs中的控制器,请帮助。

数据库表的电影:

|--id--|------text------|-----year-----| 
|______________________________________| 
|--1---|----avengers----|-----2012-----| 
|--2---|------mama------|-----2013-----| 

我想将它传递给angularjs,如:

$scope.movies = [ 
{text:'Mama', year:'2013',id:2}, 
{text:'Avengers', year:'2012',id:1}]; 

回答

1

这应该帮助您开始。它是一个简单的控制器,与数据绑定到名为myScopeData的属性。该代码使用Angular中的$http对象向PHP发出AJAX请求以从数据库检索数据。范围变量myScopeData被设置并更新视图。

HTML

<div ng-app="myApp"> 
    <div ng-controller="mainController"> 
     {{myScopeData}}   
    </div> 
</div> 

JAVASCRIPT

var app = angular.module('myApp',[]); 

app.controller('mainController',function($scope,$http){ 
    $http({method:'GET',url:'movies.php'}).success(function(data){ 
     $scope.myScopeData = data; 
    }); 
});