如何使用AngularJS中的$ http.get从jsp页面获取响应?

时间:2017-09-17 07:32:22

标签: jquery angularjs json

我是AngularJS中的JSON和$ http服务的新手。我试图从jsp文件(在同一文件夹中)获得响应。但是当我在服务器上运行它时,没有打印出来。也没有错误。

有人请帮忙。非常感谢您在这件事上的时间和帮助。

下面是我使用AngularJS的html文件:

 <!DOCTYPE html>
    <html ng-app="myApp">
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js"> </script>
    <script>
    var myApp=angular.module("myApp",[]);
    myApp.controller("myController",function($scope,$http){

        $http.get("JSON.jsp").then(function(response){
            $scope.array=response;

        }).then(function(error){
            console.log(error, 'can not get data.');
        });

    });

    </script>


    <meta charset="ISO-8859-1">
    <title>AngularCheck</title>

    </head>
    <body ng-controller="myController" >
    <div ng-repeat="arr in array">
    {{arr.name}} 
    {{arr.age}}


    </div>
    </body>
    </html>

以下是我的jsp文件:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>JSON page</title>
</head>
<body>


<%

out.println(" [{\"name\":\"jothi\",\"age\":\"20\"},{\"name\":\"Guru\",\"age\":\"22\"}]");

%>

</body>
</html> 

1 个答案:

答案 0 :(得分:0)

您需要使用catch来获取错误消息,而不是then

$http.get("JSON.jsp").then(function(response){
   $scope.array=response.data;

}).catch(function(error){
   console.log(error, 'can not get data.');
});