如何在ajax成功时弹出(打开)引导模态

时间:2019-04-12 10:41:21

标签: javascript java ajax jsp bootstrap-modal

我有一个JSP页面,例如xyz.jsp。我有一个名为“发送邮件”的按钮,该按钮的onclick()属性设置为名为sendMail()的脚本函数。发送邮件包括将html数据发送到控制器以生成我正在使用Ajax的PDF。现在,邮件成功发送后,我想显示一个指示成功的弹出窗口。因此,在Ajax成功的情况下,我想触发弹出窗口。

我正在使用引导程序模式进行弹出。

这是我的按钮和模式代码:

2019-04-12T10:31:49.433Z 'Received 24820 bytes of data.'
2019-04-12T10:31:49.436Z 'Received 2920 bytes of data.'
2019-04-12T10:31:49.439Z 'Received 10045 bytes of data.'
2019-04-12T10:32:19.473Z 'end reading'

这是我的脚本:

    <div id="reportbuttons">
                <button type="button" class="btn bg-red waves-effect" onclick="convertToPdf()"  style="margin-right: 5px;float: right; margin-top: -8px">Download</button>  
                 <button type="button"  class="btn bg-red waves-effect"  onclick="sendMail()"  style="margin-right: 5px;float: right; margin-top: -8px">Send Mail</button> 
     <!-- Modal -->
      <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data- 
   dismiss="modal">&times;</button>
              <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
              <p>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data 
    dismiss="modal">Close</button>
            </div>
          </div>

        </div>
      </div>
</div> 

我想在邮件成功发送后,或者换句话说,在Ajax成功的情况下,显示引导程序模式弹出窗口。

0 个答案:

没有答案