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

• 阿贾克斯

     $.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();
              }
  
        });
  

标签： c#ajaxasp.net-mvc

Answer 1

如果您的“按钮”是一个button元素，请确保您明确设置该type属性，否则 WebForm 默认会将其视为提交。

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

如果它是一个input元素，请尝试以下操作：

    e.preventDefault();

阅读更多：event.preventDefault()