如何防止Ajax结果的默认事件

时间:2017-07-26 14:35:43

标签: jquery

我有一个执行两个职责的按钮,一个是主题的一部分,另一个是ajax调用。

这是默认行为:

GlobalVar

现在必须针对我在其他.js中的ajax调用触发所有这些行为:

$(".next").click(function () {
    if (animating) return false;
    animating = true;

    current_fs = $(this).parent();
    next_fs = $(this).parent().next();

    //activate next step on progressbar using the index of next_fs
    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

    //show the next fieldset
    next_fs.show();
    //hide the current fieldset with style
    current_fs.animate({ opacity: 0 }, {
        step: function (now, mx) {
            //as the opacity of current_fs reduces to 0 - stored in "now"
            //1. scale current_fs down to 80%
            scale = 1 - (1 - now) * 0.2;
            //2. bring next_fs from the right(50%)
            left = (now * 50) + "%";
            //3. increase opacity of next_fs to 1 as it moves in
            opacity = 1 - now;
            current_fs.css({ 'transform': 'scale(' + scale + ')' });
            next_fs.css({ 'left': left, 'opacity': opacity });
        },
        duration: 800,
        complete: function () {
            current_fs.hide();
            animating = false;
        },
        //this comes from the custom easing plugin
        easing: 'easeInOutBack'
    });
});

所以这里的想法是,如果这个Ajax返回true,我需要覆盖下一个的行为,但如果它是false,那么它应该转到下一个fieldset。

这是HTML:

$("#ToStepThree").click(function () {
    var valueParameter = $("#DocumentNumber").val();

    $.ajax({
        cache: false,
        url: 'Customer/ExistUserByDocument',
        type: 'GET',
        data: { document: valueParameter },
        dataType: 'json',
        success: function (exists)
        {
            alert(exists);
        },
        error: function (xhr, ajaxOptions, thrownError)
        {
            alert("error");
        }

    });
});

任何想法如何实现这一目标?

0 个答案:

没有答案