Chào mọi người!
Mình mới nghiên cứu về Ajax JQuery. Khi mình dùng $.get(url) để đi tới servlet thì không được. Mình nghĩ là sai URL nhưng search gg mãi không ra, mong các bạn giúp đỡ.
Ứng dụng của mình chỉ đơn giản như sau: “Từ Page1, khi người dùng bấm nút thì chuyển tới controller nhờ Ajax, và cuối cùng đi tới Page2”
Cấu trúc project của mình như sau:
Page1.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#GoPage2").click(function(){
$.get("/GoToPage2");
});
});
</script>
</head>
<body>
<input type="button" value="Go to Page2" id="GoPage2">
</body>
</html>
Page2.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 2</title>
</head>
<body>
Hi! I'm Page 2
</body>
</html>
controller/GoToPage2.java
package controller;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class GoToPage2 extends HttpServlet {
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.getRequestDispatcher("/Page2.jsp").forward(request, response);
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
processRequest(request, response);
}
}
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.1" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">
<servlet>
<servlet-name>GoToPage2</servlet-name>
<servlet-class>controller.GoToPage2</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>GoToPage2</servlet-name>
<url-pattern>/GoToPage2</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
</web-app>
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?