jquery - ajax调用后jQuery serialize（）不起作用

Question

我的 ajax 调用第一次工作得很好。但随后的调用不会序列化表单以将相关数据取回页面。这个特定页面上只有一个表单，稍后我可能会添加几个“不可序列化”表单。这是代码。

var getPage = function (event) {
    var ctx = event.data.ctx;
    var $a = $(this);
    var options = {
        url: $a.attr('data-action'),
        data: $('form[data-serializable]').serialize(),
        type: "get"
    };

    $.ajax(options).success(function (data) {
        $('#myResultsDiv').html(data);
        if (ctx == "...") {
            // some code
        }
    });
};

$('a[id="Next"]').on('click', { ctx: $('a[data-ctx]').attr('data-flag') }, getPage);

知道这里可能有什么问题吗？

Answer 1

解决方案：将代码更改为data: $('form[id="myFormId"]').serialize()

将 jQuery 选择器更改为使用Form Id而不是 [data-serializable] 属性，它开始工作。