添加成功和错误部分

Question

基本上我收到了来自服务的响应。我正在使用jQuery对ASP.NET MVC操作方法进行AJAX调用。方法在这里。结果显示在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/

编辑：在您下面的评论中，您实际上得到了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
    }
  }
});