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