jQuery中的load（）Failed to load resource: the server responded with a status of 404

SASSID 2019-08-03 06:35:23

照着视频做的，唯一不同的是视频中的IDE是Eclipse，我用的是IDEA

目的是通过jQuery中的load方法在div中插入ul标签中的元素内容

在src中的包是com.iotek.loadpro。新建的java文件是 LoadProject.java
代码是
package com.iotek.loadpro;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

/**
* Created by HP on 2019/8/3.
*/
public class LoadServlet extends HttpServlet{

public LoadServlet(){super();}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//设置浏览器解析的方式
resp.setContentType("text/html;chara-set=UTF-8");
resp.setCharacterEncoding("UTF-8");
//获取输出流
PrintWriter out = resp.getWriter();
out.println("<ul id='myul'>");
out.println("<li id='myli'>北京</li>");
out.println("<li>长沙</li>");
out.println("<li>广州</li>");
out.println("</ul>");
out.close();
}

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
super.doPost(req, resp);
}
}
新建的页面是index.html
代码是<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="#" />
<title>test load</title>
<script type="text/javascript" src="scripts/jquery-3.4.1.js"></script>
<script type="text/javascript">
//客户端请求LoadServlet来加载数据，显示在页面
jQuery(function(){
jQuery("input:eq(0)").click(function(){
jQuery("#content").load("LoadServlet");
});
});
</script>
</head>
<body>
<input type="button" value="loadGet"/>
<input type="button" value="loadPost"/>
<div id="content"></div>

</body>
</html>
在浏览器显示

Failed to load resource: the server responded with a status of 404 (Not Found)

请大神帮助解答

...全文