Ajax响应未显示在JSP页面中

Question

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

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

这是项目的图像。
项目结构

下面给出的是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页面中出现“保存成功”消息。 不在jsp页面下。
浏览器

请帮我。 谢谢。

Answer 1

我想办法。 我将替换“提交”类型替换为“按钮”。 现在工作正常。 感谢您的时间。

Ajax响应未显示在JSP页面中

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-06-09 07:49:27

Ajax响应未显示在JSP页面中

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-06-09 07:49:27

解决方案1
0 已采纳 2015-06-09 07:49:27