Servlet Ajax添加记录成功后Alert提示未显示问题求助

看起来你遇到的核心问题是Ajax的success回调没有触发——虽然数据库已经成功插入记录，但因为服务器返回的数据格式不匹配，导致jQuery无法正确解析响应，所以alert弹窗根本没机会执行。咱们一步步拆解修复：

问题根源 #

你在Ajax请求里明确设置了dataType: 'JSON'，这相当于告诉jQuery："我期望服务器返回的是合法的JSON格式数据"。但你的Servlet返回的是纯文本字符串"Record Addeddddd "，不是标准JSON，jQuery会判定响应解析失败，直接跳过success回调，自然不会弹出提示。

另外Servlet里还重复设置了response.setContentType（先设text/html，后改text/plain），这会导致响应头混乱，进一步影响解析逻辑。

修复步骤 #

1. 修改Servlet，返回合法JSON数据 #

把返回内容改成JSON格式，同时统一设置正确的响应类型为application/json，这样jQuery才能正确解析：

Connection con;
PreparedStatement pst;
// 统一设置响应类型为JSON，确保前端能正确解析
response.setContentType("application/json;charset=UTF-8");
PrintWriter out = response.getWriter();
String fname = request.getParameter("fname");
String lname = request.getParameter("lname");

try {
    Class.forName("com.mysql.jdbc.Driver");
    con = DriverManager.getConnection("jdbc:mysql://localhost/details", "root", "");
    String query = "insert into record(firstname,lastname)values(?,?)";
    pst = con.prepareStatement(query);
    pst.setString(1, fname);
    pst.setString(2, lname);
    // 捕获插入结果，判断是否成功
    int insertResult = pst.executeUpdate();
    
    // 返回JSON格式的响应
    if (insertResult > 0) {
        out.write("{\"status\":\"success\",\"message\":\"Record Addeddddd\"}");
    } else {
        out.write("{\"status\":\"error\",\"message\":\"Failed to add record\"}");
    }
} catch (Exception e) {
    // 捕获异常，返回错误信息
    out.write("{\"status\":\"error\",\"message\":\"Error: " + e.getMessage() + "\"}");
} finally {
    // 务必关闭数据库资源，避免泄漏
    try { if (pst != null) pst.close(); } catch (Exception e) {}
    try { if (con != null) con.close(); } catch (Exception e) {}
    out.close();
}

2. 调整Ajax代码，适配JSON响应并添加错误回调 #

这样既能保证success回调正常触发，也能在出错时快速排查问题：

var isNew = true;
function addProject() {
 if($("#frmProject").valid()) {
 var url="";
 var data= "";
 var method;
 if(isNew==true) {
 url = 'add';
 data = $("#frmProject").serialize();
 method = 'POST'
 } else {
 url = 'update';
 data = $("#frmProject").serialize() + "&catid=" + catid;
 method = 'POST'
 console.log(data);
 }
 $.ajax({
 type: method,
 url : url,
 dataType: 'JSON',
 data : data,
 success:function(response) {
 // 现在response是JSON对象，直接读取属性
 if(isNew == true) {
 alert(response.message);
 } else {
 alert("Record Updated");
 }
 // 可选：添加成功后重置表单
 reSet();
 isNew = true;
 },
 // 添加错误回调，方便调试
 error:function(xhr, status, error){
 console.log("Ajax请求出错详情: ", status, error);
 alert("请求失败，请打开浏览器控制台查看错误信息");
 }
 });
 }
}

3. 额外优化建议 #

• 可以在点击"Add"按钮后暂时禁用按钮，防止用户重复提交；
• 数据库操作记得用try-catch-finally包裹，保证资源能正常关闭；
• 用executeUpdate()的返回值判断插入是否成功，逻辑更严谨。

这样修改后，当数据库插入成功时，Servlet返回合法的JSON响应，Ajax的success回调就会正常执行，alert提示就能正常显示啦！

内容的提问来源于stack exchange，提问作者mayu kobi