javascript - 使用 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。另外，如何使用 one(1) div="msg" 标签显示我的消息？

Answer 1

发现代码中有错误

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
       }

将ajax中的“失败”更改为“失败!”。另外，将 else 更改为正确的 else if 格式