jQuery 1.11.3 Post从HttpResponseMessage接收到Bad Request,但不会失败。来自服务器的消息为以下字符串:


  “状态码:400,ReasonPhrase:“错误请求”,版本:1.1,内容:
  ,标题:{}”


我是否应该不从HttpResponseMessage返回一个对象,该对象显示错误请求?我正在使用IIS Express。

c# - jQuery 1.11.3 Post收到错误请求,但不会失败-LMLPHP

后端:

[HttpPost]
public HttpResponseMessage DeleteOrderRow(int orderRowId)
{
    var row = OrderRowData.LoadItem(orderRowId);
    if (row == null)
    {
        AddAlert(AlertStyles.Danger, "Order row does not exist");
        //Below is the example being returned
        return new HttpResponseMessage(HttpStatusCode.BadRequest);
    }
    OrderRowData.Delete(orderRowId);
    AddAlert(AlertStyles.Success, "Order row has been removed");
    return new HttpResponseMessage(HttpStatusCode.OK);
}


jQuery的:

$(document).on('click', '.delete-order-row', function (event) {
    event.preventDefault();

    var element = $(this);
    var id = element.data('id');

    if (id == null || id === -1) {
        element.closest('tr').remove();
    } else {
        var url = element.attr('href');
        $.post(url, { orderRowId: id })
            .done(function (data) {
                element.closest('tr').remove();
            })
            .fail(function (xhr, status, error) {
                location.reload();
            });
    }
});


更新:@smoksnes提示后检查网络连接。即使从后端发送return new HttpResponseMessage(HttpStatusCode.BadRequest);,服务器实际上也会发送200 OK。这是IIS Express的正常行为吗?

c# - jQuery 1.11.3 Post收到错误请求,但不会失败-LMLPHP

更新2:使用此代码在客户端解决了问题。基于@smoksnes答复,并且我的项目中不存在IExceptionFilterExceptionFilterAttribute,我怀疑是Umbraco。有人在Umbraco经历过吗?

.done(function (data) {
    if (data.indexOf("StatusCode: 400") !== -1) {
        $(window).scrollTop(0);
        location.reload();
    } else {
        element.closest('tr').remove();
    }
})

最佳答案

这是IIS Express的正常行为吗?


在空白项目中,这应该返回400 Bad Request

c# - jQuery 1.11.3 Post收到错误请求,但不会失败-LMLPHP

public HttpResponseMessage DeleteOrderRow()
{
    return new HttpResponseMessage(HttpStatusCode.BadRequest);
}


但是,正如我在评论中提到的那样,根据“网络”标签中的信息,您似乎得到了200 OK。这就是导致您的客户端脚本输入done()的原因。这可能是由于自定义过滤器引起的。

检查项目中的IExceptionFilterExceptionFilterAttribute

常见的解决方案是在Gobal.asax中添加以下过滤器:

FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);


public class FilterConfig
{
    public static void RegisterGlobalFilters(GlobalFilterCollection filters)
    {
        filters.Add(new HandleErrorAttribute()); // Or whatever filter you got.
        filters.Add(new AjaxExceptionLoggingFilter());
    }
}


他们可以将响应更改为200 OK

另外,根据URL,您似乎正在使用Umbraco。我对它不是很熟悉,但是可能有些魔术正在发生。如果您无法在服务器端解决问题,则可以在客户端解决:

   //Quick fix (dirty)
   $.post(url, { orderRowId: id })
        .done(function (data) {
            if(data.StatusCode != 200)
            {
                // do error stuff..
                return;
            }
            element.closest('tr').remove();
        })
        .fail(function (xhr, status, error) {
            location.reload();
        });


或使用ajaxPrefilter

// Written by hand and not tested.
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
    var success = options.success;
    options.success = function(data, textStatus, jqXHR) {
        // override success handling
        if(data && data.StatusCode != 200)
        {
            // Go to error.
            return options.error(data);
        }
        else if(typeof(success) === "function") return success(data, textStatus, jqXHR);
    };
    var error = options.error;
    options.error = function(jqXHR, textStatus, errorThrown) {
        // override error handling
        if(typeof(error) === "function") return error(jqXHR, textStatus, errorThrown);
    };
});


或推迟:

$.ajaxPrefilter(function(opts, originalOpts, jqXHR) {
    // you could pass this option in on a "retry" so that it doesn't
    // get all recursive on you.
    if ( opts.retryAttempt ) {
        return;
    }

    var dfd = $.Deferred();

    // if the request works, return normally
    jqXHR.done(function(result){
        // Maybe check for result != null?
        if(result.StatusCode != 200) {
            dfd.reject() // Manually reject
        }
        else {
            dfd.resolve(result);
        }

    });

    jqXHR.fail(dfd.reject);

    // NOW override the jqXHR's promise functions with our deferred
    return dfd.promise(jqXHR);
});


可以在here中找到有关ajaxPrefilter的更完整示例。

关于c# - jQuery 1.11.3 Post收到错误请求,但不会失败,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38714507/

10-13 07:07