旧的AngularJS演示不工作

我是一个初学者到java ee和angular JS，我从一个网站（http://www.simplecodestuffs.com/angularjs-interacting-with-java-servlet-using-json/）发现代码我正试图在eclipse中实现它。但是当我点击按钮 “获取来自服务器数据” 输出多年平均值出现预期旧的AngularJS演示不工作

输出：

First Name: {{person.firstName}} 

Last Name: {{person.lastName}}

这里是我的JSP：

<!DOCTYPE html> 

    <html> 
    <head> 
    <meta charset="ISO-8859-1"> 
    <title>AJAX with Servlets using AngularJS</title> 

    <script type="text/javascript" src="jas/angular.min.js"> </script> 
    <script> 
    var app = angular.module('myApp', []); 
    function MyController($scope, $http) { 

     $scope.getDataFromServer = function() { 
       $http({ 
         method:'GET', 
         url:'http://localhost:8080/Angular/AngularJsServlet' 
       }).success(function(data, status, headers, config) { 
         $scope.person = data; 
       }).error(function(data, status, headers, config) { 
         // called asynchronously if an error occurs 
         // or server returns response with an error status. 
       }); 

     }; 
    }; 

    </script> 
    </head> 
    <body> 
    <div ng-app="myApp"> 
      <div ng-controller="MyController"> 
       <button ng-click="getDataFromServer()"> Fetch data from server </button> 
       <p>First Name: {{person.firstName}}</p> 
       <p>Last Name: {{person.lastName}}</p> 
      </div> 
    </div> 
    </body> 

</html>

这里是我的servlet：

@WebServlet("/AngularJsServlet") 
public class AngularJsServlet extends HttpServlet { 
    private static final long serialVersionUID = 1L; 

    /** 
    * @see HttpServlet#HttpServlet() 
    */ 
    public AngularJsServlet() { 
     super(); 
     // TODO Auto-generated constructor stub 
    } 

    /** 
    * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
    */ 
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
      PersonData personData = new PersonData(); 
      personData.setFirstName("Mohaideen"); 
      personData.setLastName("Jamil"); 

      String json = new Gson().toJson(personData); 
      response.setContentType("application/json"); 
      response.getWriter().write(json); 
    } 



    /** 
    * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
    */ 
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
     // TODO Auto-generated method stub 
     //doGet(request, response); 
    } 

}

来源

2017-08-13 LakShan

由于3f2232b5,$controller将不再在窗口上查找控制器。为控制器寻找窗口的旧行为最初用于示例，演示和玩具应用程序。我们发现允许全局控制器功能鼓励不良实践，所以我们决定默认禁用此行为。

要迁移，与模块注册您的控制器，而不是把它们作为全局

— AngularJS Developer Guide - Migrating to V1.3。

由于b54a39，$http“不赞成使用自定义回调方法的S - .success()和.error() - 已被删除。您可以使用标准.then()/.catch()承诺方法，但请注意方法签名和返回值是不同的。
$http(...) 
    .then(function onSuccess(response) { 
    // Handle success 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config; 
    ... 
    }).catch(function onError(response) { 
    // Handle error 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config; 
    ... 
    }); 
— AngularJS Developer Guide - Migrating to v1.6 - http

来源

2017-08-13 19:36:35 georgeawg

旧的AngularJS演示不工作

回答

相关问题