如果出现 404 页错误，则显示警报或图像而不是错误页面

Question

如果我在请求目录中未找到的文件时收到错误状态代码为 404，而不是显示 404 错误页面，我只想在 div 中保留一些文本/警报/显示图像

<script>
  $.ajax({ cache: false,
            url: "basic1.css",
            data: { },
            success: function (data) {
                $('#id').html(data);
            },
            error:function (xhr, ajaxOptions, thrownError){
                if(xhr.status==404) {
                    //alert(thrownError);
                    alert("the requested page not found");
                }
                           }
        });
     </script>

在上面的代码中，我想得到一个警报而不是错误页面，它直接显示错误（404）对象未找到页面。

如何限制显示 404 错误页面？

Answer 1

请在错误处理程序中插入以下代码

<script>
      $.ajax({ cache: false,
                url: "basic1.css",
                data: { },
                success: function (data) {
                    $('#id').html(data);
                },
                error:function (xhr, ajaxOptions, thrownError){
                   if(jqXHR.status == 404 || thrownError == 'Not Found') {
                       $('#id').html("<img src='imagelink-here'/>"); // If you want to show an image
                       $('#id').html("Sorry, the page is not found"); // if you need text
                    }
                               }
            });
         </script>

另外请确保 ajax 请求的基本 url 是正确的。

按照上面的代码，ajax请求是向下面的URL发出的

http://domain.com/basic1.css

所以请确保添加正确的基本 url 和路径。