需要按两次删除按钮才能在Node.js应用程序中删除帖子

如何解决需要按两次删除按钮才能在Node.js应用程序中删除帖子

在以前的nodejs应用程序中，它使用的是自定义js确认，因此我删除了该内容，并使用Bootblox.js应用了确认。

按下删除帖子按钮后，它将要求您进行确认，确认后，它不会删除帖子...而是再次按下删除按钮后，它将其从页面中删除...。

使用自定义JS的先前代码确认是-

|

我使用bootblox.js-

替换掉的代码

在HTML标签中-

<form method="POST" action="/delete/<%= one._id %>?_method=DELETE" style="display: inline;">

            <button class="btn btn-sm btn-danger delete-button" 
              style="color: white;" 
              href="/delete/<%= one._id %>"
              onclick="return confirm('Are you sure you want to delete this?')">

              <i class="fas fa-trash"></i>

              </button>
</form>

在srcipt标签中-

<form method="POST" action="/delete/<%= one._id %>?_method=DELETE" style="display: inline;">

            <button class="btn btn-sm btn-danger delete-button" 
              style="color: white;" 
              href="/delete/<%= one._id %>"
              type="button"
              onclick="return askConfirm(' Warning! ','Are you sure you want to delete this?')">

              <i class="fas fa-trash"></i>

              </button>

 </form>

如在自定义/默认JS中一样，确认它会在选择“确定”或“取消”时返回“ true”或“ false”，因此使用另一个js库进行确认不会，因此我在这里做了一个函数“ askConfirm（）” '，在脚本标记中定义。在此函数中，它将打开确认窗口，然后选择“确定”或“取消”，将设置变量“ confirmVariable == true”或“ confirmVariable == false”，并返回到html标签上的“ onclick”。因此，就像默认值确认一样，希望一次提交删除表单并将其从页面中删除。

但是问题是，当我按Delete按钮时，会出现确认窗口，并且选择“确定”时，它不会删除帖子...而是当我在此之后再次单击Delete按钮时，它将删除帖子。

我想一口气删除它。如何制作？ 请帮忙！预先感谢！

解决方法

您遇到一个问题，您需要在设置if(confirmVariable==true)之前进行检查。这是一个典型的异步问题，您需要在操作完成之前先进行检查。

在等待用户单击“确认/取消”的地方，您设置的变量的位置在回调中，因此仅当用户单击按钮时才会更改。您会在用户点击之前立即检查结果，我认为这最初是错误的。然后，用户单击并更改值。现在，用户第二次单击，您可以立即检查他们单击的内容，然后，无意中看到他们第一次单击的按钮。

因此，当您向用户提供弹出窗口时，请在回调内执行操作

  bootbox.confirm({
       title: title,message: message,buttons: {
       cancel: {
           label: '<i class="fa fa-times"></i> Cancel'
       },confirm: {
           label: '<i class="fa fa-check"></i> Confirm'
      }
    },callback: function (result) {
      if(result)
         doThis(true)
      else 
         doThis(false)
    }
  });

  function doThis(confirmed){
     if (confirmed)
       console.log('user clicked confirm')
     else 
       console.log('user clicked cancel')
  }

如果您要样式点，只需执行此操作

bootbox.confirm({
       title: title,callback: doThis
  });

  function doThis(confirmed){
     if (confirmed)
       console.log('user clicked confirm')
     else 
       console.log('user clicked cancel')
  }