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

在您的代码中发现错误

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中的“Failed”更改为“Failed!”。另外，将else更改为else if

的正确格式

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

1 个答案: