【问题标题】:How to stop Wizard Redirecting to Next page如何停止向导重定向到下一页
【发布时间】:2017-03-21 11:15:59
【问题描述】:

我正在使用向导 [两窗格形式] 进行数据 crud 操作,使用 ajaxasp.net

问题是:成功后如何停止向导移动到下一页?

解释:

当我按下向导中给出的save 按钮时,当所有数据都存储到数据库中时,它会在next page 上显示success response。这对我来说不好。我想使用alert 显示响应,但它移动到下一页以显示ajax response 消息。

保存按钮代码:

<button type="button" id="btnSave" class="btn bg-teal-400 stepy-finish">Save <i class="icon-check position-right"></i></button>

Ajax 保存请求代码:

            $("#dialogForm").on("click", "#btnSave", function () {

                var form = $('#frmCashPaymentVoucher');
                var url = form.attr('action');
                var formData = form.serialize();
                $.ajax({
                    type: 'POST',
                    url: url,
                    dataType: 'html',
                    data: formData,
                    success: function (data) {

                        $('#dialogForm').html(data);
                        $('#modal_backdrop').modal('show');
                        //alert(data);
                    },
                    cache: false

                });

            });

请帮帮我..

【问题讨论】:

  • 可以分享一下向导代码吗?
  • wizard 是插件类型,即它已添加到项目模板中,然后您应该为向导共享什么?

标签: javascript jquery html asp.net ajax


【解决方案1】:

使用此代码

$("#dialogForm").on("点击", "#btnSave", function () {

        debugger;


            form = $('#frmCashPaymentVoucher');
            var url = form.attr('action');
            var formData = form.serialize();

            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                async: false,
                success: function(data) {

                    $('#dialogForm').html(data);
                    $('#modal_backdrop').modal('show');
                    //alert(data);

                },
                error: function(err) {
                    alert("Failed to load ...!!!");
                }
            });


        });

【讨论】:

    猜你喜欢
    • 2015-11-07
    • 2019-01-06
    • 2014-03-31
    • 1970-01-01
    • 1970-01-01
    • 2017-07-14
    • 2013-05-31
    • 2017-04-17
    • 2018-08-01
    相关资源
    最近更新 更多