jquery - 添加成功和错误部分

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/

编辑：根据您在下面的评论，您实际上得到的是错误字符串作为响应，而不是 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
    }
  }
});