为何Ajax请求时else代码块无法正常工作？

• 核心问题：你的else块不生效，本质是PHP返回的data值永远不符合else的判断条件——即使你切换data==null或data!=null，因为返回的内容并不是你预期的null。

• 第一步：排查PHP返回的实际内容
  打开浏览器开发者工具（F12）→ 切换到Network面板，输入用户名触发Ajax请求，查看请求的Response内容：

  • 如果用户名存在时返回true，可用时返回false：data!=null永远为真（true/false都不等于null），所以else永远不会触发。
  • 如果返回的是空对象{}或空字符串解析后的内容：同样不会等于null。

• 第二步：根据PHP返回值调整前端判断逻辑
  以下是几种常见场景的修改方案：
  场景1：PHP返回true（用户名存在）/false（用户名可用）

  success:function(data){
      if(data){
          $('#user_info').css("color","red");
          $('#user_info').html("username is already in use");
          document.getElementById("submitbtn").disabled = true;
      }else{
          $('#user_info').css("color","green");
          $('#user_info').html("username is available"); 
          document.getElementById("submitbtn").disabled = false;
      }
  }
  

  场景2：PHP返回null（用户名可用）/非null值（用户名存在）
  用全等判断避免类型隐式转换：

  success:function(data){
      if(data !== null){
          $('#user_info').css("color","red");
          $('#user_info').html("username is already in use");
          document.getElementById("submitbtn").disabled = true;
      }else{
          $('#user_info').css("color","green");
          $('#user_info').html("username is available"); 
          document.getElementById("submitbtn").disabled = false;
      }
  }
  

  场景3：PHP返回结构化数据（比如{"exists": true}）

  success:function(data){
      if(data.exists){
          $('#user_info').css("color","red");
          $('#user_info').html("username is already in use");
          document.getElementById("submitbtn").disabled = true;
      }else{
          $('#user_info').css("color","green");
          $('#user_info').html("username is available"); 
          document.getElementById("submitbtn").disabled = false;
      }
  }
  

• 额外检查点：确保PHP没有输出多余内容（比如空格、注释、换行），否则会导致JSON解析失败，请求直接进入error回调而非success。PHP端要保证只有echo json_encode(xxx);这一行输出。

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