使用引导程序确认发布请求

post request using bootstrap-confirmation

本文关键字：请求 布请求 程序确认      更新时间：2024-03-20

我正在使用BS-3和BS确认https://github.com/tavicu/bs-confirmation.

我在我的html中有一个按钮，我点击它，它显示是或否，然后我可以点击是或否按钮

<a data-href="/api/yes-no/" class="btn" data-toggle="confirmation">Confirmation</a>

和javascript

<script type="text/javascript">
  $(function() {
    $('body').confirmation({
      selector: '[data-toggle="confirmation"]',
      btnOkLabel: 'Yes',
      btnCancelLabel: 'No',
      btnOkClass: "btn btn-sm btn-success",
      btnCancelClass: "btn btn-sm btn-danger"
    });
    $('.confirmation-callback').confirmation({
      onConfirm: function() { console.log('YES') },
      onCancel: function() { console.log('NO') }
    });
  });
</script>

我想使用POST方法向我的API（/api/yes-no/）发送是或否（无论用户点击哪个）。

但是当我点击是/否时，它会打开api页面（我指的是GET请求），我如何使用表单字段（｛'type'：'yes'或'no'或任何其他布尔值｝）进行POST

onConfirm函数附加到您最初单击的元素，因此您可以使用它来获取data-href，然后使用标准的jQuery方法来调用POST请求。

<script type="text/javascript">
$(function() {
    $('body').confirmation({
        selector: '[data-toggle="confirmation"]',
        btnOkLabel: 'Yes',
        btnCancelLabel: 'No',
        btnOkClass: "btn btn-sm btn-success",
        btnCancelClass: "btn btn-sm btn-danger",
        onConfirm: function () {
            $.post(
                $(this).attr('data-href'),
                {}, // you data for POST body
                function (data) {
                    // act on the response
                }
            );
        }
    });
});
</script>
相关文章：