如果发生页面404错误,则显示警报或图像而不是错误页面

时间:2014-05-07 10:59:18

标签: javascript jquery http-status-code-404

如果请求目录中找不到的文件错误状态代码为404,而不是显示404错误页面,我只想在div / an alert /中显示一些文本/显示图像

<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错误页面?

1 个答案:

答案 0 :(得分:-2)

请在错误处理程序

中插入以下代码
<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请求的基本网址是正确的。

根据上面的代码,ajax请求发送到以下URL

http://domain.com/basic1.css

因此,请务必添加正确的基本网址和路径。