Question

我正在尝试使用JSP ajax技术保存小记录。项目工作程序是这样的。

01. index.jsp：将数据发送到SaveStudent servlet
02. SaveStudent：从jsp获取请求并将其发送到验证java类
03.验证：验证数据并发送到DaoImpl java类
04. DaoImpl：覆盖StudentDAO中的方法，执行save SQL查询。
05. StudentDAO：接口具有所有与数据库相关的方法。

这是该项目的图像。
Project Structure

下面给出的是index.jsp文件的源代码。

    <%@page contentType="text/html" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
 <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>


</head>
<body>
    <form action="SaveStudent" method="post">
        <label>Enter Name:</label>
        <input type="text" name="name" id="txtName"/>
        <br/>
        <label>Enter City:</label>
        <input type="text" name="city" id="txtCity"/>
        <br/>
        <input type="submit" value="Send" id="btnSave"/>
        <div id="response"></div>
    </form>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#btnSave').click(function() {
                var $name = $("#txtName").val();
                var $city = $("#txtCity").val();
                $.post('SaveStudent', {
                    name: $name,
                    city: $city
                }, function(responseText) {
                    if (responseText !== null) {
                        $('#response').text(responseText);
                    } else {
                        alert("Invalid Name");
                    }
                });
            });
        });

    </script>


</body>

这是SaveStudent java类的源代码。

 package Control;

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

public class SaveStudent extends HttpServlet {

protected void processRequest(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {

    PrintWriter out = response.getWriter();
    String record = "";
    try {

        Validation val = new Validation();
        record = val.validateSave(request, response);
        response.setContentType("text/plain");
        response.setCharacterEncoding("UTF-8");
        if (record != null) {
            out.write(record);

        } else {
            out.print("Error Occured..!");
        }
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        out.close();
    }
}

}

保存记录工作正常。数据库也在更新。但问题是servlet页面中出现“Save Successful”消息。不在jsp页面下。
Browser

请帮帮我。谢谢。

Answer 1

我找到了办法。我把替换＆＃34;提交＆＃34;键入＆＃34;按钮＆＃34;。现在工作完美。谢谢你的时间。

JSP页面

1 个答案: