Question

基本上我收到了服务的回复。我正在使用jQuery使用AJAX调用ASP.NET MVC操作方法。该方法位于here. 结果显示在id = Response1

的位置

function myFunction() {
         var strSearch = $('.txt1').val();
         var url = '@Url.Action("GetPassage", "Home")';
         $.get(url, { 'strSearch': strSearch }, function (data) {
             $('#Response1').css({"border-top-style": "groove","border-top-width": "4px","border-top-color": "#FF00FF","border-bottom-style": "groove","border-bottom-color": "#FF00FF","border-bottom-width": "4px"}).html(data);
         })
     }

我想要的是如果成功让上述代码有效。如果错误，请通过更改css删除边框。

Answer 1

您可以使用error回拨

$.get(url, {
    'strSearch': strSearch
}, function (data) {
    $('#Response1').css({
        "border-top-style": "groove",
        "border-top-width": "4px",
        "border-top-color": "#FF00FF",
        "border-bottom-style": "groove",
        "border-bottom-color": "#FF00FF",
        "border-bottom-width": "4px"
    }).html(data);
}).error(function () {
    // remove border
})

http://api.jquery.com/error/

编辑：截至下面的评论，您实际上是在回复时收到错误字符串，而不是ajax错误，在这种情况下，您可以执行此操作 -

$.get(url, {
    'strSearch': strSearch
}, function (data) {
    if (data.indexOf('ERROR') < 0) {
        $('#Response1').css({
            "border-top-style": "groove",
                "border-top-width": "4px",
                "border-top-color": "#FF00FF",
                "border-bottom-style": "groove",
                "border-bottom-color": "#FF00FF",
                "border-bottom-width": "4px"
        }).html(data);
    } else {
        // remove border
    }
})

Answer 2

您可以使用statusCode选项

$.ajax({
  statusCode: {
    404: function() {
      alert("page not found");
    },
    200: function () {
        //do smth
    }
  }
});

添加成功和错误部分

2 个答案: