使用Angularjs我怎么能做ajax调用?

时间:2014-07-10 10:27:34

标签: javascript php jquery ajax angularjs

这是一个下拉列表。我从数据库中获取的下拉值 使用ajax和angularjs

HTML代码

<body ng-app="myApp">
<div ng-controller="MyController" >
  <select ng-model="myForm.car" ng-options="obj.id as obj.name for obj in myForm.options">
                                </select>
 </div>
</body>

包含4个js文件

<script src="angular.js"></script>
<script src="controllers.js"></script>
<script src="jquery-min.js"></script>
<script src="ajaxload.js"></script>

controller.js包含angular函数,这个angular函数会调用ajax调用它将调用php文件。 php文件将从数据库中获取结果。我已经从数据库中获取了提取值。但是这些值不是作为响应而来的

contoller.js

 angular.module("myApp", [])
            .controller("MyController", function($scope) {
             $scope.myForm = {};
             $scope.myForm.car  = "nissan";

              $.ajax({url: "/getCars/"}).success(function(data) 
              {
                $scope.myForm.options = data;
              })

             } );

php文件 我已经获取细节并将其存储在一个数组中。这个数组我通过json_encode方法返回

function getCars()
        {       
          $cars = array
              (
              array("id" => "nissan", "name" => "Nissan"),
              array("id" => "toyota", "name"=> "Toyota"),
              array("id" => "fiat"  , "name"=> "Fiat"),
              array("id" => "Land Rover"  , "name"=> "Land Rover")
              );           
         print json_encode($cars);
         exit;

        }   

0 个答案:

没有答案
相关问题