JQuery Ajax 表单提交答案

【问题标题】：JQuery Ajax form submittingJQuery Ajax 表单提交
【发布时间】：2009-02-20 19:43:04
【问题描述】：

不完全确定为什么会发生这种情况，但是单击按钮后，我调用了 JQuery Ajax 控件，之后我不想继续提交表单，但在页面仍然提交之前。

<asp:ImageButton id="btnContinue" OnClick="btnContinue_Click" runat="server" OnClientClick="return false;" />

和 jQuery：

            $("#<%=btnContinue.ClientID%>").click(function() {
            var currentpickupLocation = document.getElementById("<%=ddlPickupLocation.ClientID %>").value;
            var currentpickupDate = document.getElementById("<%=txtPickupDate.ClientID %>").value;
            var currentCulture = "<%= GetCulture() %>";
            var params = $.toJSON({pickupLocation: currentpickupLocation, pickupDate: currentpickupDate});
            $.ajax({
                type: "POST",
                url: "LocationService.asmx/GetBlackoutDates",
                data: params,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(locations) {
                    return false;
                }
            });
        });

【问题讨论】：

标签： .net javascript jquery ajax

【解决方案1】：

您需要在点击区域中返回 false，如下所示：

$("#<%=btnContinue.ClientID%>").click(function() {
    var currentpickupLocation = document.getElementById("<%=ddlPickupLocation.ClientID %>").value;
    var currentpickupDate = document.getElementById("<%=txtPickupDate.ClientID %>").value;
    var currentCulture = "<%= GetCulture() %>";
    var params = $.toJSON({
        pickupLocation: currentpickupLocation, 
        pickupDate    : currentpickupDate
    });
    $.ajax({
        type: "POST",
        url: "LocationService.asmx/GetBlackoutDates",
        data: params,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(locations) {
            return false;
        }
    });
    return false;  //this tells the browser not to submit
});

【讨论】：

工作就像一个魅力，感谢您的帮助！
不用担心，就像一年前遇到的一样，很高兴我能提供帮助。

【解决方案2】：

使用 preventDefault() 也可以：

http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29

【讨论】：