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