jQuery ajax请求不会触发并冻结页面

Question

我有一个jQuery Ajax请求的主要问题。 Tt似乎冻结了当前页面。
我也尝试过使用* $。pos * t，但是它做同样的事情。 我环顾四周，但似乎找不到为什么会发生的确切答案。

码：

var sd = $('#start-date'),
    ed = $('#end-date'),
    n = $('#name'),
    o = [],
    m = $('#multi').prop('checked');

if ($.trim(n.val()) !== '') {
    $('.option').each(function () {
        var el = $(this);
        if ($.trim(el.val()) !== '') {
            o.push(el.val())
        }
    });

    if (o.length > 1) {
        alert(1);
        $.ajax({
            url: "pageurl",
            type: "POST",
            data: {
                name: n,
                options: o,
                multiple: m,
                start: sd,
                end: ed
            },
            dataType: "json",
            success: function (data) {
                if (data.success !== undefined) {
                    if (data.success == '1') {
                        alert('worked');
                    } else {
                        displayWarning(data.reason);
                    }

                } else {
                    displayWarning('We couldn\'t process your request at this time. Please try again later');
                }
            },
            error: function () {
                displayWarning('We couldn\'t process your request at this time. Please try again later');

            }
        });
    } else {
        displayWarning('please enter at least 2 options');
    }

} else {
    displayWarning('Please provide a name for the poll');
}

任何帮助将不胜感激

谢谢

Answer 1

json无效应如下所示：

var sd = $('#start-date').val(),
ed = $('#end-date').val(),
n = $('#name').val(),
o = [],
m = $('#multi').prop('checked');

data: {
    "name": n,
    "options": o,
    "multiple": m,
    "start": sd,
    "end": ed
}