表单的JQuery序列化程序未在IE中激发

JQuery serialize of form not firing in IE

本文关键字：IE JQuery 序列化 程序 表单      更新时间：2023-09-26

我在jquery对话框中的一个表单没有在IE中发布时遇到问题。

它在chrome和FF中运行良好，将数据发送到我的MVC控制器，但从IE发送空值。

不过，我确实通过调用一个警报来显示序列化结果，使它以一种方式工作。这将导致表单正确序列化，并将值发送到服务器。

$("<div id='formModal'><img src='../../Content/images/ajax-loader.gif' /></div>")
                    .addClass("dialog")
                    .attr("id", $(this).attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        width: 800,
                        position: [300, 50],
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).dialog('destroy').remove(); window.location.reload(true); },
                        modal: true,
                        buttons: {
                            "Save": function () {
                                var formdata = $("#timeForm").serialize();
                                $.post("/TimeTracker/AddTime",
                                    $("#timeForm").serialize());
                                alert(formdata);
                                $(this).dialog("close");
                                $(this).dialog("destroy");
                                window.location.reload(true);
                                return false;
                            },
                            Cancel: function () {
                                $(this).dialog("close");
                                $(this).dialog("destroy");
                            }
                        }
                    })
                .load(this.href);

一旦我删除了警报，表单就不再具有序列化的值。

这是我的JQuery脚本中的错误吗？还是别的什么？

对话框有close事件处理程序，每当关闭对话框时，它都会重新加载页面window.location.reload(true)。

在"保存"按钮上，您正在做很多事情，张贴表单，关闭对话框，然后再次重新加载页面。

如果您真的想在发布表单后重新加载页面，请等待帖子回复。您可以在其成功处理程序中编写代码。此外，重新加载页面无论如何都会关闭处理程序，因此您不必调用$(this).dialog("close")，这将触发close事件并再次重新加载页面。

试试这个。

          buttons: {
                        "Save": function () {
                            var formdata = $("#timeForm").serialize();
                            $.post("/TimeTracker/AddTime",
                                formdata, function(){
                                window.location.reload(true);
                            });
                            //alert(formdata);
                            //$(this).dialog("close");
                            //$(this).dialog("destroy");
                            //window.location.reload(true);
                            return false;
                        },
                        Cancel: function () {
                            $(this).dialog("close");
                            $(this).dialog("destroy");
                        }
                    }
相关文章：