2017-03-26 9 views
-3

REST APIを使用してデータを取得し、HTMLページに表示したいと考えています。これまでに書いたコードはここにあります。私はWebサービスを使い慣れているので、誰でも正しいコードを書くことができます。

残りのAPIを使用してデータベースに挿入すると、挿入されます。残りのAPIレスポンスを介してデータベースに挿入されたデータが必要なので、ウェブページに同じ結果を表示したい。あなたは間違って$http.getを使用している

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>AngularJS File Upoad Example with $http and FormData</title> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> 
 
</head> 
 

 
<body ng-app="myApp"> 
 
<div ng-controller="MyController"> 
 
<table> 
 
\t <tr> 
 
\t \t <td><input type="name" ng-model="contact.name"></td> 
 
\t \t <td><input type="email" ng-model="contact.username"></td> 
 
\t \t <td><input type="password" ng-model="contact.password"></td> 
 
\t \t <td><button ng-click="addContact()">Sign In</button></td> 
 
\t \t <td><button ng-click="viewContact()">view</button></td> 
 
\t </tr> 
 
</table> 
 
</div> 
 
<script type="text/javascript"> 
 
\t var myApp = angular.module('myApp',[]); 
 
\t myApp.controller('MyController',['$scope','$http',function($scope,$http){ 
 
    $scope.addContact = function(){ 
 
     console.log($scope.contact); 
 
     $http.post('http://localhost:8085/useraccount/register/doregister',$scope.contact); 
 
    }; 
 
    $scope.viewContact = function(){ 
 
    \t console.log($scope.contact); 
 
    \t $http.get('http://localhost:8085/useraccount/register/doselect',$scope.contact); 
 
    }; 
 
\t }]); 
 
\t 
 
</script> 
 
</body> 
 
</html> 
 

 
<!-- begin snippet: js hide: false console: true babel: false -->

+0

[AngularJS $ httpサービスAPIリファレンス - 一般的な使い方](https://docs.angularjs.org/api/ng/service/$http#general-usage)を参照してください。 – georgeawg

答えて

1

$scope.viewContact = function(){ 
    console.log($scope.contact); 
    $http.get('http://localhost:8085/useraccount/register/doselect') 
     .then(function(response) { 
     $scope.contact = response; 
     }); 
}; 

$http.get約束を返し、あなたはAPIレスポンスにアクセスするために.thenを使用する必要があります。

関連する問題