本章将详细讨论和学习如何使用jQuery AJAX来调用RESTful Web服务。
创建一个简单的Spring Boot Web应用程序并编写一个控制器类文件,用于重定向到HTML文件以使用RESTful Web服务。需要在构建配置文件中添加Spring Boot启动程序Thymeleaf和Web依赖项。
对于Maven用户,请在pom.xml 文件中添加以下依赖项。
@Controller类文件的代码如下.定义请求URI方法以重定向到HTML文件,如下所示 .
此API http:// localhost:9090 / products响应返回以下JSON,如下所示 -
现在,在类路径的templates目录下创建一个view-products.html 文件。在HTML文件中,添加jQuery库并编写了代码以在页面加载时使用RESTful Web服务。
POST方法和此URL => http:// localhost:9090 / products应包含以下请求正文和响应正文。
请求正文的代码如下 -
响应正文的代码如下 -
现在,在类路径的templates 目录下创建add-products.html 文件。在HTML文件中,添加jQuery库,并在单击按钮时编写了将表单提交到RESTful Web服务的代码。
在Web浏览器中访问URL => http://localhost:8080/view-products ,可以看到如下所示的输出 -
访问URL => http://localhost:8080/add-products ,可以看到如下所示的输出 -
现在,单击按钮提交表单,可以看到显示的结果 -
现在,点击查看产品URL => http://localhost:8080/view-products ,查看创建的产品。