AngularJSをSpring RESTFulサービスにAngularJS $ httpサービスを使用して接続する

これはリスト内のすべての生徒を取得するバックエンドのSpring Restコントローラです。私はそれをテストし、うまく動作します。

@RestController 
@RequestMapping("a/rest") 
public class RestfulController { 

    @Autowired 
    private StudentDao studentDao; 
    @RequestMapping(method = RequestMethod.GET) 
    public ResponseEntity<List<Student>> index() { 
     ResponseEntity<List<Student>> studList = new ResponseEntity<List<Student>>(studentDao.getAll(), HttpStatus.OK); 
     return studList; 
    } 
}

これは私が学生のそのリストは、（ID =「displayData」）定義されたidの段落に表示したいやろうとしていますものです

私は（関数showDataをロードするボタンを作成しました）

それから私は、このよう

<body> 

<input type="button" value="Get Data" onclick="showData()" /> 
<p id="displayData" /> 

</body> 

<script type="text/javascript"> 

function showData() { 
$http({ 
    method: 'GET', 
    url: 'a/rest' 
}).then(function (response) { 

    $('#displayData').html(JSON.stringify(response)); 

    }); 

} 
</script>

に背面に接続するためのAngularjsの$ HTTPサービスを実装しようとしています

ここで私は助けが必要です.. !!問題はフロントエンドにあります。どのようにファイルを動作させる$ httpサービスを実装できますか？

出典

2016-07-06 Prakash Bist

あなたが直面している問題は何ですか？ – Praveen

@Praveen：私はそのデータを

に表示する必要がありますが、動作しません。 –

$ HTTP応答が

プロパティが含まれています。 $ http response.dataには、実際のjsonデータが含まれています。 jquery（$.ajax()）が動作するようには動作しません。 $httpサービスを使用するには、角度アプリケーションをブートストラップする必要があります。

以下は、必要最小限の例です。

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
</head> 
<body ng-app="studApp" ng-controller="StudController"> 

    <input type="button" value="Get Data" ng-click="showData()" /> 
    <p id="displayData" /> 

    <script type="text/javascript"> 
     angular.module('studApp', []) 
     .controller('StudController', function($http, $scope) { 
      $scope.showData = function() { 
      $http({ 
       method : 'GET', 
       url : 'a/rest' 
      }).then(function(response) { 
       $('#displayData').html(JSON.stringify(response.data)); 
      }); 
      } 
     }); 
    </script> 
</body> 
</html>

出典

2016-07-06 13:04:20 YROjha

ありがとうYRさん:)それはスムーズに動きます!! –

はしてみてください。この

$（ '＃のdisplayData'）HTML（JSON.stringify（response.data））。

サーバー側の返信データはJSON文字列ですか？

出典

2016-07-06 08:59:09

サーバーはJSONデータを返していますが、JSON.stringify（respose）はstringと$（ 'displayData'）に変換するために使用され、htmlはその文字列データを

に格納するために使用されます。あなたのコードもうまくいきませんでした。前に似た実装をしていれば共有できますか？ –

変更を試みてから成功 –

AngularJSをSpring RESTFulサービスにAngularJS $ httpサービスを使用して接続する

答えて

関連する問題