如何在頁面加載時自動獲取數據？

Question

我想從使用php的數據庫獲取數據，並且數據將顯示在我的網頁上。

formApp.controller('getsettings', function($scope,$http){ 
     $scope.formData = {}; 

     $scope.getsettings = function() { 
      var allData={'uid': uid} 
     $http({ 
       method : 'POST', 
       url  : 'get_settings.php', 
       data : allData, 
       headers : { 'Content-Type': 'application/x-www-form-urlencoded' } 

      }) 
       .success(function(data) { 

        if (!data.success) { 
         $scope.fname = data.fname; 
         $scope.lname = data.lname; 
         $scope.mobile = data.mobile; 

        }else{ 
         $scope.fname = ''; 
         $scope.lname = ''; 
         $scope.mobile = ''; 

        } 
       }); 

     }; 

    }) 

問題是上面的代碼沒有觸發。我檢查了網絡選項卡沒有事件。
我該如何解決這個問題。任何建議我做錯了什麼？

我還有一個問題是很多地方我看到人們正在使用GET而不是角度的POST。這是爲什麼？

Answer 1

您已經實現了功能$scope.getsettings，但您沒有在任何地方調用它。

您可以在其實施後立即使用$scope.getsettings()調用/調用此函數。一旦控制器加載到瀏覽器中，該函數將被調用。

編輯：

在回答您的評論 - 修正JS代碼：

formApp.controller('getsettings', function($scope,$http){ 
    $scope.formData = {}; 

    $scope.getsettings = function() { 
    var allData={'uid': uid} 
    $http({ 
     method : 'POST', 
     url  : 'get_settings.php', 
     data : allData, 
     headers : { 'Content-Type': 'application/x-www-form-urlencoded' } 

    }) 
     .success(function(data) { 

     if (!data.success) { 
     $scope.fname = data.fname; 
     $scope.lname = data.lname; 
     $scope.mobile = data.mobile; 

     }else{ 
     $scope.fname = ''; 
     $scope.lname = ''; 
     $scope.mobile = ''; 

     } 
    }); 

    }; 

    // now call/invoke function $scope.getsettings 
    $scope.getsettings(); 

}); 

Answer 2

的問題是你是不是調用$scope.getSettings功能。你已經創建了它。你可以撥打電話$scope.greetings()。或者如果你想在你的視圖中使用它，那麼你可以做這樣的事情：<button ng-click="getSettings()">Get Setting</button>。