如何通过Angularjs控制器调用弹簧控制器

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (26)

我是使用angular.js弹出服务的新手,我需要显示从弹簧控制器通过角度js返回的数据。在这里,我hava附上了代码

控制器文件: -

        @Controller
        public class Control {
        @RequestMapping(value="/getContent",method = RequestMethod.GET,produces =                  {"application/json"})
        public @ResponseBody String show(){
        String msg = "welcome to spring angular js";
        return msg;

        }}

servlet文件:

          <context:component-scan base-package="spring" />

            <mvc:annotation-driven content-negotiation-manager="contentManager"/>
          <bean id="contentManager"
            class="org.springframework.web.accept.ContentNegotiationManagerFactoryBean">
            <property name="favorPathExtension" value="true"/>
            <property name="ignoreAcceptHeader" value="true" />
            <property name="defaultContentType" value="text/html" />
            <property name="useJaf" value="false"/>
            <property name="mediaTypes">
                <map>
                    <entry key="html" value="text/html" />
                    <entry key="json" value="application/json" />
                    <entry key="xml" value="application/xml" />
                </map>
            </property>
           </bean>
        <bean id="jspViewResolver"
          class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        </bean>
        </beans>

index.jsp文件:

         <head>
           <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.js"></script>
           <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-route.js"></script>
           <script type="text/javascript" src="script.js"></script>
           <script type="text/javascript" src="controller.js"></script>

           </head>
          <body>
          <h1>Index file</h1>

           <a href="#/nextfile">Click</a>

           <div ng-view></div>

            </body>
           </html>

index1.jsp文件:

            <html>
            <head>
             <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
             <title>Insert title here</title>
             <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.js">                      </script>
             <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-route.js"></script>
             <script type="text/javascript" src="script.js"></script>
             <script type="text/javascript" src="controller.js"></script>

             </head>
            <body>
            <h1>Index1 file</h1>

              <div ng-controller="routeController">

              <p>Message is:{{$scope.Data}} </p>
              <script type="text/javascript" src="script.js"></script>
              <script type="text/javascript" src="controller.js"></script>
              </div>
              </body>
             </html>

Script.js文件:

             var app = angular.module("sample",['ngRoute']);
             app.config(['$routeProvider',function($routeProvider){
            $routeProvider.when("/nextfile",{
            templateUrl: 'index1.jsp',
           controller: 'routeController'
           });
            }]);

Controller.js文件:

            app.controller('routeController',function ($scope,$http){
             $http.get('http://domainname:8080/sample/getContent.json').success(function(data) {alert("success");$scope.Data =data;}).error(function(data){alert("failure");});

});

提前致谢。

提问于
用户回答回答于

只需你可以这样返回:

        @Controller
        public class Control {
           @RequestMapping(value="/getContent",method = RequestMethod.GET,produces =                  {"application/json"})
           public @ResponseBody String show(){
                HashMap hash = new HashMap();
                hash.put("msg", "welcome to spring angular js");
                return hash; // should print {msg=welcome to spring angular js} 
           }                 // in eclipse console
        }

在你的Controller.js

     app.controller('routeController',function ($scope, $http){
     $http.get('http://domainname:8080/sample/getContent').
            success(function(data) {
                  alert("success");
                  $scope.Data = data;
            }).
            error(function(data){
                 alert("failure");
            });
    });

热门问答

在serverless中,我能否自己host 一个express(nodejs)的服务?

Tina

腾讯云 · 产品经理 (已认证)

Go Serverless!
推荐
您好,可以这样的。您可以参考如下文档,申请下http function 您可以使用常见的 WEB 框架(如 Nodejs Web 框架:Express、Koa)编写 HTTP 函数。而 WEB 框架内置的一些中间件(如cors)也会极大的方便您的业务编写 文档链接 https:...... 展开详请

使用有过期时间的签名往Cos存储桶中上传文件,若上传还在进行中签名过期,上传是否会终止?

galenye

腾讯 · 工程师 (已认证)

对象存储专业搬砖工
推荐已采纳

如果你是使用的简单上传,它能接收5g以内的文件,那签名过期的文件还在上传的话,是没影响的,因为签名判断是在cos接受到请求时。

如果你是使用的sdk等封装的分片上传,那其实是多个请求去上传文件,如果签名过期了,那上传到某一刻,后面的请求都会返回403

存储桶的默认加速域名 cdn 如何更改业务类型, 即把静态加速改成下载加速?

Jinqn

腾讯 · 高级工程师 (已认证)

腾讯云COS前端开发
推荐

我理解你意思是,浏览器打开的时候要下载,不要直接显示。

通过存储桶的文件 Content-Type 来控制

为何我使用.Net API 生成的临时密钥无法进行文件操作?

推荐
cos有自己的密钥系统,应该是在控制台上,访问管理,API密钥,项目密钥那里,或者去看看cos的文档是如何说明的吧。 你通过ms接口创建cos临时密钥,也许的确会被限制一些,这个需要ms这个产品的人回答下比较好。 生成临时密钥和哪个SDK无关,可以直接在线调用也可以生成,通过AP...... 展开详请

请问微信云支付是否有沙箱环境?

HKC

红客学院 · 创始人 (已认证)

道可道 非常道 名可名 非常名
推荐
微信支付沙箱环境,是提供给微信支付商户的开发者,用于模拟支付及回调通知。以验证商户是否理解回调通知、账单格式,以及是否对异常做了正确的处理。 ◆ 如何对接沙箱环境? 1、修改商户自有程序或配置中,微信支付api的链接,如:被扫支付官网的url为:https://api.mch.w...... 展开详请

tencentcloud-sdk-php-master github代码上没有vendor文件夹?

推荐
因为和composer冲突,因此导出时没有包含vendor目录。如果需要,可以考虑git clone方式拿到,或者到https://cloud.tencent.com/document/sdk/PHP#.E9.80.9A.E8.BF.87.E6.BA.90.E7.A0.81.E5...... 展开详请

扫码关注云+社区

领取腾讯云代金券