使用Ajax显示PHP成功和失败消息

Question

这段代码出了什么问题？我在这个问题上准备了很多帖子，但无法解决我的错误。我有以下几点。

HTML代码

<div id="successMessage" style="display:none;"> It worked </div> 
    <div id="failMessage" style="display:none;"> It failed </div> 

    <div container> 
      <div class="modal"> 
      <form> 
      .... 
      </form> 
      </div> 
    </div> 

PHP代码

if(!$stmnt->execute()){ 
      echo "Failed!"; 

     }else{ 
      echo "Inserted"; 
     } 

Ajax代码

success: function(data){ 
    viewData(); 
    if (data=="Failed!") { 
     console.log(data); 
     $("#failMessage").show(); 

     } else if(data=="Inserted"){ 
      console.log(data); 
      $("#successMessage").show(); 
     } 
    } 

问题：我想在页面中显示错误而不是控制台。我想通知用户。为什么它不适用$("#successMessage").show();？

PS：我正在使用Bootstrap。另外，如何使用一个（1）div="msg"标签显示我的消息？

Answer 1

在阿贾克斯 “Failed!” 发现一个错误在你的代码

PHP代码

if(!$stmnt->execute()){ 
     echo "Failed!"; // Check the exclamation mark 

    }else{ 
     echo "Inserted"; 
    } 

Ajax代码

success: function(data){ 
     viewData(); 
     $('#addData').modal('hide');//close the modal. 
     if (data=="Failed!") { // Add an exclamation mark to correct code 
      $("#failMessage").show(); 
      //console.log(data); is showing message from PHP 
     } else if (data=="Inserted") { // Change this else to else if 
      $("#successMessage").show(); 
      //console.log(data); is showing message from PHP 
     } 

更改 “Failed”。另外，将else更改为else if的正确格式