Boot AJAX 示例 Spring-ThinkingInGIS曲景平
本文以spring boot框架、thymeleaf引擎为基楼安琪 础太阳战队,利用jquery.ajax提交HTML表单请求到后台(spring rest api)杨升华 ,后台返回一个JSON格式的数据为例进行说明赵款款 。韩牧岑
开发环境:
Spring Boot 1.5.6.RELEASE
Spring 4.3.6.RELEASE
Maven 3.3
jQuery
Bootstrap 3
eclipse oxygen
1.项目结构
2.项目依赖-pom.xml
包含Spring Boot的依赖和一些webjars资源
3.Spring REST API
3.1 SearchController.java
接收查询条件北顶娘娘庙 ,并返回一个ResponseEntity对象
3.2 POJO
AjaxResponseBody.java
User.java
3.3验证---用于对提交的表单进行验证SearchCriteria.java
3.4UserService.java
3.5IndexController.java
3.6 SpringBootWebApplication.java
4.HTML页面+jqueyajax 4.1html页面用到了thymeleaf引擎西来古镇,集成了bootstrapindex.html
4.2将查询条件转换成JSON格式申凤善 ,并通过$.ajax发送一个POST请求main.js
5.启动项目5.1通过终端启动的话进入该项目spring-boot-ajax-example下输入:mvnspring-boot:run
5.2浏览器访问http://localhost:8080/
5.3如果用户名为空时提交
5.4如果用户名不存在
5.5如果用户名存在
源码:https://github.com/ThinkingInGIS/spring-boot-ajax-example