JQuery Ajax表单提交

Question

不完全确定为什么会发生这种情况，但点击按钮后，我调用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; 
       } 
      }); 
     }); 

Answer 1

你必须点击区域，像这样一回假：

$("#<%=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 
}); 

Answer 2

使用preventDefault（）方法的工作原理，以及：

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