引入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分钟左右,我们讲过地址的格式:

http://img.mukewang.com/climg/5cdf9dd8000195cc06110273.jpg

我们可以知道,这个地址中缺少了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下开始寻找。其中“./”可以省略,老师用到的就是这种:

http://img.mukewang.com/climg/5cdf9f530001c7e215310922.jpg


如果解答了同学的疑问,望采纳~

祝学习愉快~


0

0 学习 · 10204 问题

查看课程