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