如何在Ajax调用取值后于if条件中打印成功语句

我来帮你搞定这个问题～其实核心就是在Ajax请求的成功回调函数里处理返回值，再通过if判断输出提示就行，结合你给出的代码片段，我给你补全并解释具体实现：

完整的前端JavaScript代码 #

$(document).ready(function(){
    $("input").change(function(){
        // 获取输入框的密码值
        var p1 = $('#password1').val();
        
        // 发起Ajax请求到后台
        $.ajax({
            url: "你的后台处理页面地址", // 比如你的Java后台JSP页面，比如checkPassword.jsp
            type: "POST", // 请求方式，GET/POST根据后台需求选
            data: {password: p1}, // 传给后台的参数
            dataType: "json", // 预期后台返回JSON格式（如果是文本就改成"text"）
            success: function(response){
                // 这里是Ajax成功拿到后台返回值后的处理逻辑
                // 举个例子：假设后台返回的JSON里有status字段标识成功状态
                if(response.status === "success"){
                    // 输出成功提示，两种常见方式：
                    // 1. 弹窗提示
                    alert("操作成功！");
                    // 2. 在页面指定位置显示更友好的提示（需要提前在页面加<div id="tipBox"></div>）
                    // $("#tipBox").text("✅ 验证成功啦！").css("color", "green");
                } else {
                    // 失败时的提示
                    alert("验证失败，请检查输入！");
                }
            },
            error: function(){
                // 请求失败（比如网络问题、后台报错）时的提示
                alert("请求出错了，请稍后重试！");
            }
        });
    });
});

关键说明 #

• Ajax回调时机：必须在success函数里处理返回值，因为Ajax是异步请求，直接在change事件里写判断拿不到返回值。
• 后台返回格式：上面示例用了JSON格式，你也可以让后台返回纯文本（比如"ok"或"no"），此时把dataType改成"text"，然后判断逻辑改成if(response.trim() === "ok")即可。
• 提示方式：弹窗alert是最简单的方式，但如果要更友好的页面提示，建议在页面预留一个提示容器，通过修改DOM内容来展示。

配套的后台JSP示例（供参考） #

如果你的后台是JSP，需要处理请求并返回对应结果，大致代码如下：

<%@ page language="java" contentType="application/json; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<%
// 获取前端传过来的密码参数
String password = request.getParameter("password");
boolean verifySuccess = false;

// 这里写你的业务逻辑，比如和数据库对比验证密码
// 示例：假设密码等于"123456"就验证成功
if("123456".equals(password)){
    verifySuccess = true;
}

// 返回JSON格式的结果给前端
out.print("{\"status\":\"" + (verifySuccess ? "success" : "fail") + "\"}");
%>

内容的提问来源于stack exchange，提问作者D.Kat