Spring MVC與html頁面的交互（以傳遞json數據為例）

一、導入相jar包

主要包括spring相關jar包和fastjson jar包，具體步驟略。

二、配置相關文件

1.配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    id="WebApp_ID" version="3.1">
    <display-name>SpringProject</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
    </welcome-file-list>

    <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- 配置Spring MVC配置文件的位置和名稱 -->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <!-- 表示容器在啟動時立即加載dispatcherServlet -->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!-- 讓Spring MVC控制器攔截前端所有請求 -->
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

2.配置Spring MVC配置文件springmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context-4.3.xsd
       http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd">

    <context:component-scan base-package="com.springmvc.controller" />
    
    <!-- 解決訪問html資源404，非常重要  -->
    <mvc:default-servlet-handler/>
    <mvc:annotation-driven>
    </mvc:annotation-driven>
    <bean name="/hello2" class="com.springmvc.controller.HelloController2"></bean>
    
</beans>

三、編寫請求控制類

通過注解配置映射請求的URL和返回內容類型等。

package com.springmvc.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import com.alibaba.fastjson.JSON;import java.util.HashMap;
import java.util.Map;
import org.springframework.stereotype.Controller;

@Controller
public class HelloController {

    @RequestMapping(value="/hello",produces = "application/json; charset=utf-8")
    @ResponseBody
    public String hello() {
        // TODO Auto-generated method stub
        Map<String, String> map = new HashMap<String, String>();
        map.put("key1", "鍵值1");
        System.out.println(JSON.toJSONString(map));
        return JSON.toJSONString(map);
    }

}

 

注：如果訪問html頁面報錯404，可參考文章：spring mvc訪問html頁面404報錯解決