引入jquery包报错
来源:3-4 Ajax函数的使用
MyIceCream
2019-05-17 21:39:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/JS/jquery-3.4.1.min.js" ></script>
<script type="text/javascript">
$(function(){
$.ajax({
"url" : "/ajax/news_list" ,
"type" : "get",
"data" : "t=tiobe",
"dataType" : "json",
"success" : function(json) {
console.log(json);
}
})
})
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>
网页报错:
GET http://localhost:8080/JS/jquery-3.4.1.min.js net::ERR_ABORTED 404
1回答
芝芝兰兰
2019-05-18
同学你好。报错信息很明显 http://localhost:8080/JS/jquery-3.4.1.min.js 地址没有访问到对应资源
1、回忆Servlet入门 步骤二 · 2-8 Servlet开发与基本配置 的时候,在视频的7分钟左右,我们讲过地址的格式:
我们可以知道,这个地址中缺少了context-path,多数情况是项目名
2、可以参照 步骤二 · 7-1 Web应用程序的打包与发布 中讲解,去service.xml文件中查看一下自己的context-path是什么。
3、确认js文件是否叫 jquery-3.4.1.min.js 版本号是否写错。是否在 JS 包下。JS文件夹是否在WebContent下。
4、如果请求路径中就是因为少了项目名,其余没错。可以将其改为:<script type="text/javascript" src="JS/jquery-3.4.1.min.js" ></script>
因为“/”开头的路径代表根路径,会从webapps目录下开始寻找。而“./”开头的为相对路径,是从当前的context-path下开始寻找。其中“./”可以省略,老师用到的就是这种:
如果解答了同学的疑问,望采纳~
祝学习愉快~
相似问题