JQuery Ajax отправка формы - PullRequest
       12

JQuery Ajax отправка формы

1 голос
/ 20 февраля 2009

Не совсем уверен, почему это происходит, но после нажатия кнопки я вызываю элемент управления 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;
                }
            });
        });

Ответы [ 2 ]

2 голосов
/ 20 февраля 2009

Вы должны иметь возвращаемое значение 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
});
0 голосов
/ 20 февраля 2009

Работает с помощью protectDefault ():

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...