springboot项目怎样在HTML文件中引入jQuery
时间: 2023-12-17 14:02:16 浏览: 80
springboot 项目实现文件上传,显示,下载,打包为jar
要在Spring Boot项目的HTML文件中引入jQuery库,可以使用以下步骤:
1. 下载jQuery库。可以从官网(https://jquery.com/download/)下载最新版本的jQuery库文件,也可以使用CDN(Content Delivery Network)引用在线的jQuery库文件。
2. 将jQuery库文件复制到Spring Boot项目的静态资源目录下。默认情况下,Spring Boot会将所有静态资源文件(如CSS、JavaScript、图片等)从classpath:/static目录下加载。因此,可以将jQuery库文件复制到该目录下,例如:src/main/resources/static/js/jquery.min.js。
3. 在HTML文件中引入jQuery库。可以使用以下语句将jQuery库文件引入HTML文件中:
```html
<script src="/js/jquery.min.js"></script>
```
其中,/js/jquery.min.js是jQuery库文件在静态资源目录下的路径。
这样,就可以在Spring Boot项目的HTML文件中使用jQuery库了。例如,在JavaScript代码中调用jQuery的ajax函数发送Ajax请求,就可以使用以下语句:
```javascript
$.ajax({
type: "GET",
url: "/api/myEndpoint",
success: function(data) {
console.log(data);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log("Error: " + textStatus + " - " + errorThrown);
}
});
```
其中,$符号就是jQuery的别名,表示调用jQuery的函数。
阅读全文