ssm 前端ajax获取后台controller json数据

pojo.java

@Data
@AllArgsConstructor
@NoArgsConstructor
public class Projects {
	private int id;
	private String projectName;
	@JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8")
	private Date projectDate;
	private String projectInfo;
	private String projectRemark;
}

dao

mapper.java

public interface ProjectMapper {
	// 查询所有项目信息
	List<Projects> queryAllProject();

}

mapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.kuang.dao.ProjectMapper">
    <select id="queryAllProject" resultType="Projects">
        select *
        from flyview.projectinfo ;
    </select>

</mapper>

service

service.java

public interface ProjectService {
	List<Projects> queryAllProject();

}

serviceImpl.java

public class ProjectServiceImpl implements ProjectService{
	private ProjectMapper projectMapper;

	public void setProjectMapper(ProjectMapper projectMapper) {
		this.projectMapper = projectMapper;
	}

	@Override
	public List<Projects> queryAllProject() {
		return projectMapper.queryAllProject();
	}
}

controller.java

@Controller
public class ProjectController {
	@Autowired
	private ProjectService projectService;

	@RequestMapping("/allProjects")
	public String list(Model model) {
		List<Projects> projects = projectService.queryAllProject();


		System.out.println(projects);

		model.addAttribute("list", projects);
		return "/allProjects";
	}

	// 解决乱码问题 返回json对象
	@RequestMapping(value = "/all", produces = {"application/json;charset=UTF-8"})
	@ResponseBody
	public String listToHtml(Model model) throws JsonProcessingException {
		List<Projects> projects = projectService.queryAllProject();
		model.addAttribute("list", projects);
		ObjectMapper mapper = new ObjectMapper();
		String jsonList = mapper.writeValueAsString(projects);

		System.out.println(projects);
		System.out.println(jsonList);
		return jsonList;
	}
}

html 点击按钮后，获取json对象，拼接为表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <!--    <script src="./WEB-INF/js/jquery-3.3.1.js"></script>-->
</head>
<body>
<button id="btn">测试</button>
<h2>ddd</h2>
<div style="width: 200px;height: 500px; background-color: aliceblue" >

    <table class="table" id="table-d">
        <thead>
        <tr>
            <th>项目编号</th>
            <th>项目名称</th>
            <th>项目日期</th>
            <th>项目信息</th>
            <th>备注信息</th>
        </tr>
        </thead>
        <tbody>
        
        </tbody>
    </table>
</div>
<script>
    $("#btn").click(function () {
        $.ajax(
            {
                url: "all",
                type: "post",
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    var item;
                    $.each(data,function (i,result) {
                        item = "<tr>" +
                            "<td>" + result['id'] + "</td>" +
                            "<td>" + result['projectName'] + "</td>" +
                            "<td>" + result['projectDate'] + "</td>" +
                            "<td>" + result['projectInfo'] + "</td>" +
                            "<td>" + result['projectRemark'] + "</td>" +

                            "</tr>";
                        $('#table-d').append(item);
                    })

                },
                error: function (error) {
                    alert(error);
                }
            }
        )
    })

</script>
</body>
</html>

配置文件：

applicationContext.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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd">

    <import resource="spring-dao.xml"/>
    <import resource="spring-service.xml"/>
    <import resource="spring-mvc.xml"/>

</beans>

spring-dao.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:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       https://www.springframework.org/schema/context/spring-context.xsd">

    <!-- 配置整合mybatis -->
    <!-- 1.关联数据库文件 -->
    <context:property-placeholder location="classpath:database.properties"/>

    <!-- 2.数据库连接池 -->
    <!--数据库连接池
        dbcp 半自动化操作 不能自动连接
        c3p0 自动化操作（自动的加载配置文件 并且设置到对象里面）
    -->
    <!--<bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <!-- 配置连接池属性 -->
        <property name="driverClass" value="${jdbc.driver}"/>
        <property name="jdbcUrl" value="${jdbc.url}"/>
        <property name="user" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>

        <!-- c3p0连接池的私有属性 -->
        <property name="maxPoolSize" value="30"/>
        <property name="minPoolSize" value="10"/>
        <!-- 关闭连接后不自动commit -->
        <property name="autoCommitOnClose" value="false"/>
        <!-- 获取连接超时时间 -->
        <property name="checkoutTimeout" value="10000"/>
        <!-- 当获取连接失败重试次数 -->
        <property name="acquireRetryAttempts" value="2"/>
    </bean>

    <!-- 3.配置SqlSessionFactory对象 -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource"/>
        <!-- 配置MyBaties全局配置文件:mybatis-config.xml -->
        <property name="configLocation" value="classpath:mybatis-config.xml"/>
    </bean>

    <!-- 4.配置扫描Dao接口包，动态实现Dao接口注入到spring容器中 -->
    <!--解释 ：https://www.cnblogs.com/jpfss/p/7799806.html-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 注入sqlSessionFactory -->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!-- 给出需要扫描Dao接口包 -->
        <property name="basePackage" value="com.kuang.dao"/>
    </bean>

</beans>

mybatis-config.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <settings>
        <setting name="logImpl" value="STDOUT_LOGGING"/>
    </settings>
    <typeAliases>
        <package name="com.kuang.pojo"/>
    </typeAliases>

    <mappers>
        <!--<mapper resource="com/kuang/dao/BookMapper.xml"/>-->
        <mapper resource="com/kuang/dao/ProjectMapper.xml"/>
    </mappers>

</configuration>

spring-service.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:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
   http://www.springframework.org/schema/beans/spring-beans.xsd
   http://www.springframework.org/schema/context
   http://www.springframework.org/schema/context/spring-context.xsd">

    <!-- 扫描service相关的bean -->
    <context:component-scan base-package="com.kuang.service"/>

    <!--BookServiceImpl注入到IOC容器中
    <bean id="BookServiceImpl" class="com.kuang.service.BookServiceImpl">
        <property name="bookMapper" ref="bookMapper"/>
    </bean>-->
    <bean id="ProjectServiceImpl" class="com.kuang.service.ProjectServiceImpl">
        <property name="projectMapper" ref="projectMapper"/>
    </bean>
    <!-- 配置事务管理器 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource"/>
    </bean>

</beans>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>
</web-app>

原文链接：https://blog.csdn.net/deron345/article/details/113339132