jquery load()方法时，报404错误，出现找不到资源

本文链接：https://blog.youkuaiyun.com/qq_38285661/article/details/82761817

在学习jQuery时，出现一点问题，弄了好久。明明是照着老师讲的做的，效果却不一样，不但后台不打印东西，还报404错误。虽然把超链接标签改掉，程序能拿到响应的数据，但是后台始终不打印东西，先解决一个问题是一个。先上代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
	function load(){
		$("#text01").load("/ajaxjquery/DemoServlet02",function(responseTxt,statusTxt,xhr){
			alert("结果："+responseTxt)
		});
	}
</script >
</head>
<body>
 <h3><a href=" " onlick="load()"> 使用jquery方式执行load方法</a></h3> 
<input type="text" id="text01">
</body>
</html>

在这里插入图片描述

原因是因为用了a标签，href导致的，改用button之后程序可以正常运行了

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
	function load(){
		$("#text01").load("/ajaxjquery/DemoServlet02",function(responseTxt,statusTxt,xhr){
			alert("结果："+responseTxt)
		});
	}
</script >
</head>
<body>
<h3><input type="button"  onclick="load()" value="使用JQuery执行load方法"> </h3> 
<input type="text" id="text01">
</body>
</html>

在这里插入图片描述
程序拿到了响应回的数据了。
servlet的代码如下：