无法使用angularjs + spring MVC 3.0从控制器向另一个html呈现请求

时间:2013-04-01 11:20:59

标签: jquery spring-mvc controller angularjs modelandview

Logon.jsp

    <!DOCTYPE html>
    <html ng-app="angularspring">
    <head>

    </head>

    <body ng-controller="LogonController">

    <form>
            <div>
                TextBox : <input type="text"  ng-model="person.userName" />
            </div>
            <div>
                Password : <input type="password" ng-model="person.passWord" />
            </div>
            <div ng-view></div>
            <button type="submit" ng-click="login(person)"> Submit 

            </button>
    </form>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.i18n.properties-min-1.0.9.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script type="text/javascript" src="js/controller.js"></script>
    <script type="text/javascript" src="js/i18n.js"></script>
    <script type="text/javascript" src="js/base64.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>


    </body>


    </html>

controller.js

        var as = angular.module('angularspring',[]);


        as.controller('LogonController', function ($scope, $http) {
            var actionUrl = 'action/checkUserNameAndPassword/';


             $scope.login = function (person) {

                 $http.post(actionUrl,$scope.person);
             };


        });      

的web.xml

    <context-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>
                /WEB-INF/action-servlet.xml
            </param-value>
        </context-param>

        <listener>
            <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
        </listener>

        <!-- Spring MVC -->
        <servlet>
            <servlet-name>action</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>action</servlet-name>
            <url-pattern>/action/*</url-pattern>
        </servlet-mapping>


        <welcome-file-list>
        <welcome-file>logon.html</welcome-file>
      </welcome-file-list>  

在action-servlet.xml文件中包含以下标记和类

action-servlet.xml文件

    <mvc:annotation-driven/>    

    <context:annotation-config />

    <context:component-scan base-package="com.pack" />

    <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"></bean>


    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver" >
      <property name="prefix" value="" />
      <property name="suffix" value=".html" />

    </bean>

LogonController.java

在LogonController中,我能够获取绑定到person对象的请求值,但我无法将请求呈现给logonSuccess.html

    @RequestMapping(value = "/checkUserNameAndPassword", method = RequestMethod.POST)
    @ResponseBody 
    public ModelAndView logon(@RequestBody Person person) {

            return new ModelAndView("WEB-INF/views/logonSuccess");
        }

2 个答案:

答案 0 :(得分:0)

根据我的理解,您可以绑定modelattribute但无法分派到所需的视图。

这是我观察的内容

您的@ResponseBody方法上有logon注释,但它会返回ModelandView个对象。

如果要返回html视图,请删除@ResponseBody注释。

您可以阅读有关此here

的更多信息

同样在action-servlet.xml中指定prefix的{​​{1}}属性,其中包含html文件的位置,我认为viewResolver

WEB-INF/views

现在您可以返回<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix"> <value>/WEB-INF/views/</value> </property> <property name="suffix"> <value>.html</value> </property> </bean> 之类的

ModelandView

答案 1 :(得分:0)

我遇到了同样的问题。从登录页面,我尝试在成功登录时重定向到主页。我正在使用角度js和弹簧mvc休息控制器。我正在从angularjs做一个http.post,我的其他控制器正在进行身份验证并返回一个模型和视图对象。但是当时angularjs没有将我重定向到主页。

然后我改变了我的angularjs实现并且它工作了。尝试从angularjs向控制器提交表单,而不是http.post或http.get。现在,页面被重定向到主页或错误页面,无论REST控制器中的ModelAndView对象中设置了什么视图。