Как перестать обновлять страницу после вызова ajax (происходит только при сохранении изображения)?

Question

После сохранения изображения в контроллере страница автоматически перезагружается после успешного выполнения AJAX. Если изображение недоступно, проблема не возникает. как перестать перезагружать страницу?

• Метод

   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);               
  
     }
  

• 1010 * Аякса *

     $.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

Если ваша "кнопка" является элементом button, убедитесь, что вы установили атрибут type, иначе WebForm будет рассматривать его как отправку по умолчанию.

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

Если это элемент input, попробуйте ниже:

    e.preventDefault();

Подробнее: event.preventDefault ()