如何将jQuery Ajax响应传递给引导模态

时间:2019-06-15 16:37:25

标签: jquery ajax laravel bootstrap-4

我目前拥有在警报框中显示响应的功能,但希望它以引导方式显示,但尚未使其起作用。这是我的jQuery代码。 我尝试过

Uncaught Error: jquery-ujs has already been loaded!

我将其作为模态


<script type="text/javascript">


  $("#set").click(function(){
    $('.spinner-grow').show();
    var id =  $('.auth').val();

  $.post("https://ravesandboxapi.flutterwave.com/v2/gpx/transactions/escrow/settle",
  {
    id: id,
    secret_key: "FLWS****************20628-X"
  },

  function(status){
    $('.modal-body').html(status);
   $('#verifyModal').modal('show');
    $('.spinner-grow').hide();
  });
});


</script>

我到底该如何做?

2 个答案:

答案 0 :(得分:0)

模式中没有ID为“ set”的按钮。

答案 1 :(得分:0)

您本可以尝试这样的事情

$.ajax({
  type: "POST",
  dataType: "json",
  url: "url",
  data:data
  success: function(status) {
    $('.modal-body').html(status);
    $('#verifyModal').modal('show');
    $('.spinner-grow').hide();
  };
});