Modal不会因ajax成功而关闭,也不会显示成功消息

时间:2018-07-14 21:09:48

标签: javascript jquery ajax

该脚本正确地发送了表单的内容,但是当您按下发送按钮时,该模式没有关闭,因此它不会显示消息“谢谢您的反馈”。

我也在使用这些库。

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js"></script>

这是脚本:

var d = new Date();
$(document).ready(function(){
    $(".hiddenURL").parent().parent().hide();
    $(".hiddenURL").val(window.location.href);
    $("#reportProblemButton").click(function(){
        var clone = $("#formProblemContent");

         var modalDialog = BootstrapDialog.show({
            title: 'Report a Problem',
            "message":clone,
            "onhide":function(){
                $("#formProblemContentHidden").append(clone);
            },
            buttons: [{
                label: 'Close',
                action:function(dr){
                    windows.close();
                }
            }, {
                label: 'Report Issue',
                cssClass: 'btn-primary',
                action: function(dr){
                    if($("#g-recaptcha-response").val()!=""){
                        $.ajax({
                          'url':"/api/widget/json/get/contactDialogBoxEngine?devmode=1",
                          'method':'POST',
                          'data':$('form',clone).serialize(),
                          'success' :function(data){
                              windows.close();
                              BootstrapDialog.alert({
                                'title':'Ready!',
                                'type':BootstrapDialog.TYPE_SUCCESS,
                                'message':'Thank you for your feedback'
                              });
                          }
                      });
                    }
                    else{
                        alert('To Continue please click on the ReCaptcha Field');
                    }
                }
            }]
        });
    });
});

这是我的html

<div style="display:none;" id="formProblemContentHidden">
    <div id="formProblemContent">
        <?php echo form("reportProblem","",$w[website_id],$w); ?>
    </div>
</div>

0 个答案:

没有答案