如何在ajax调用后停止刷新页面（仅在保存图像时发生）？

Question

After saving an image in controller, the page is getting reload automatically after ajax success. If image is not available, there is no issue. how to stop reloading the page?

• Method

    if (desktopImageUpload != null) { var file = desktopImageUpload; var fileFormat = Path.GetFileName(file.ContentType); var fileName = "promo-" + fileID + "-desktop." + fileFormat; var path = Path.Combine(Server.MapPath("~/Images/SocialMediaPromotions"), fileName); file.SaveAs(path); } 

• ajax

    $.ajax({ type: 'POST', dataType: 'JSON', url: '/Admin/RecordSocialMediaPromotions', data: formData, contentType: false, processData: false, success: function (response) { if (response.type == "Success") { swal("Hooray", "Promotion Recorded Successfully", "success"); $('#preLoader').hide(); $("#dealSaveBtn").prop("disabled", true); } else { swal("Boooo", response.msg, "error"); $('#preLoader').hide(); } }, error: function (response) { swal("Boooo", "Promotion was not recorded", "error"); $('#preLoader').hide(); } }); 

Answer 1

If your "button" is a button element, make sure you explicity set the type attribute, otherwise the WebForm will treat it as submit by default.

<button id="dealSaveBtn" type="button">Go</button>

If it's an input element, try below :

    e.preventDefault();

Read more: event.preventDefault()