javascript - 使用ajax检查网站的响应时间

Question

您好，我想查看网站的响应时间。这是我的代码，我得到了一些值但没有显示现实。这些代码有什么问题。它与缓存有关吗？此外如何显示页面是否不退出或不可用。

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript">
 var start = new Date();
 $.ajax ({
 url: 'http://www.example.com',
 complete : function()
 {
  alert(new Date() - start)
 },
        }); 
</script>

Answer 1

假设代码运行在与它正在检查的源相同的源上，代码本身就没问题；你can't use ajax cross-origin除非两端(客户端和服务器)都支持并正在使用 CORS .

它可能是缓存，是的，您必须引用浏览器工具(任何像样的浏览器在其开发人员工具中都有网络选项卡或类似选项卡)才能确定。您还可以通过在 ajax 调用中设置 cache: false 来禁用缓存(有关详细信息，请参阅 ajax documentation)，尽管这是一种合成方式。更好的方法是确保您在此时间使用的任何 URL 都以缓存 header 响应，告诉浏览器(和代理)不要缓存它。

您可以通过 Hook error 函数并查看它提供给您的信息来判断该页面是否不存在或“不可用”(无论那是什么意思):

var start = new Date();
$.ajax ({
    url: 'http://www.example.com',
    error : function(jqxhr, status, ex) {
        // Look at status here
    },
    complete : function()
    {
        alert(new Date() - start)
    },
}); 

error 的参数在上面链接的文档中也有描述。