slim jquery를 애초에 이용하지 않아도 not a function 에러가 뜨네요..
3.6.0 버전 다운해서 위치 맞게 넣었는데도 왜 실행이 안될까요..
basic1은 무난하게 위치가 적용되지만 자꾸 ajax 오류가 뜨네요.
-- 서블릿 코드 일부
if(url.equals("/*.ja") || url.equals("/basic1.ja")) {
System.out.println("[url ==> /basic1.ja");
viewPage = "json/basic1.jsp";
} else if(url.equals("/basic1_next.ja")) {
System.out.println("[url ==> /basic_next.ja");
viewPage = "json/basic1_next.jsp";
-- basic1.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src = "/jsp_mvcAjax/resources/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(function() {
$('#btn').click(function() {
$.ajax()({
url: '${contextPath}/basic1_next.ja',
type: 'GET',
dataType: 'text',
success: function(result) {
$('#display').html(result);
},
error: function() {
alert('오류');
}
});
});
});
</script>
</head>
<body>
<button id="btn">Ajax 요청</button>
<hr>
<div id="display"><!-- 결과 출력 위치 --></div>
</body>
</html>
