帶有AJAX和JSON的Servlet JSP

Question

我已經做了一段時間的學校項目，但是我的登錄頁面似乎無法正常工作。

它總是給我一個解析錯誤，如下所示： 錯誤登錄AJAX

對於我的登錄，我使用一個連接到sql-server數據庫的簡單servlet。 在Servlet端，我檢查了調試模式。一切正常。 這是servlet代碼：

package servlets;

 import DAO.Model;
 import com.google.gson.Gson;
 import java.io.IOException;
 import java.io.PrintWriter;
 import javax.servlet.ServletConfig;
 import javax.servlet.ServletContext;
 import javax.servlet.ServletException;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import org.json.simple.JSONObject;


 public class login extends HttpServlet 
 {
 private static PrintWriter out;
 private static String message;
 private static Gson gson;
 private JSONObject simpleJO;
 Model model = null;

 public void init(ServletConfig conf) throws ServletException
{
    super.init(conf);

    ServletContext ctx = conf.getServletContext();
    String URL = ctx.getInitParameter("DB-URL");

    model = new Model(URL);
}

/**
 * Handles the HTTP <code>POST</code> method.
 *
 * @param request servlet request
 * @param response servlet response
 * @throws ServletException if a servlet-specific error occurs
 * @throws IOException if an I/O error occurs
 */
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException 
{
    simpleJO = new JSONObject();
    gson = new Gson();
    String usernameStudente = request.getParameter("usernameStudente");
    String emailDocente = request.getParameter("emailDocente");
    String mansioneUtente = request.getParameter("mansioneUtente");
    String passwordUtente = request.getParameter("passwordUtente");

    response.setContentType("text/html; charset=UTF-8");
    out = response.getWriter();

    System.out.println("Username: " + usernameStudente);
    System.out.println("Password: " + passwordUtente);
    System.out.println("Mansione: " + mansioneUtente);

    if(mansioneUtente.equals("Studente"))
    {
        if(model.loginStudenti(usernameStudente, passwordUtente))
        {
            simpleJO.put("status",true);
            simpleJO.put("error", "Login Studente Success");
        }
        else
        {
            simpleJO.put("status",false);
            simpleJO.put("error", "Login Studente Failed");
        }
    }
    else if(mansioneUtente.equals("Docente"))
    {
        if(model.loginDocenti(emailDocente, passwordUtente))
        {
           simpleJO.put("status",true);
           simpleJO.put("error", "Login Docente Success");
        }
        else
        {
            simpleJO.put("status",false);
            simpleJO.put("error", "Login Docente Failed");
        }
    }
    message = gson.toJson(simpleJO);
    System.out.println(message);
}

}

相反，這是我的javascript文件：

$(document).ready(function()
{
$('#mansioneUtente').change(function()
{
    if($('#mansioneUtente').val() == 'Studente')
    {
        $('#usernameStudente').attr('disabled',false);
        $('#emailDocente').attr('disabled',true);
    }
    else if($('#mansioneUtente').val() == 'Docente')
    {
        $('#usernameStudente').attr('disabled',true);
        $('#emailDocente').attr('disabled',false);
    }

}).trigger('change');

$('#btnLoginUtente').click(function()
{
    processUserLogin();
});
});

function processUserLogin()
{
var sdata = {
    mansioneUtente: $('#mansioneUtente').val(),
    usernameStudente: $('#usernameStudente').val(),
    emailDocente: $('#emailDocente').val(),
    passwordUtente: $('#passwordUtente').val()};

$.ajax(
{
    url:'login',
    type:'POST',
    data: sdata,
    dataType: 'JSON',
    async: false,
    success: function(data)
    {
        if(data.status === true)
            alert(data.error);
        else
            alert(data.error);
    },
    error: function (jqXHR, textStatus, errorThrown,data) 
    {
        alert("JQXHR: " + jqXHR + " TEXT STATUS: " + textStatus + " ERROR THROWN: " + errorThrown + " DATA: " + data);
    }
});
}

如您所見，在警報中，它給了我： data undefined 。 有幫助嗎？

Answer 1

在ajax調用中，您提到了期望的數據類型為JSON 。

dataType: 'JSON',

但是，您的servlet不返回任何東西。 這就是您未定義數據的原因。

解決方案是使您的servlet返回JSON數據。 在函數頂部具有@ResponseBody批注。 將所需的數據以JSON格式綁定到響應對象。

JSONObject jsonObj      = new JSONObject();
jsonObj.put("ObjName", yourObject);
response.setContentTyp("application/json");
response.getWriter().write(jsonObj.toString());