使用AngularJS发出AJAX请求

时间:2013-05-19 04:40:28

标签: sql angularjs click

我开始使用Angularjs应用程序只是为了了解更多有关js框架的信息,我对使用sql等一些事情感到困惑,所以我想在点击表上做一些帮助。

我尝试做的是向数据库发出请求并用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 个答案:

答案 0 :(得分: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;
    });  
});