jquery ajax 使用layer的超时提示

<!DOCTYPE html>
<html>
<head>
<title>我是标题</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="telephone=no" name="format-detection">
</head>
<body>
    <script src="/Public/js/jquery.min.js"></script>
    <script src="/Public/js/layer/layer.js"></script>
    <script type="text/javascript">

        $(function(){
            // 用一个动画 来延迟用户耐心
            layer.open({
                type: 2
                // ,shade: false
                ,time: 5
            });
            var url=location.href;
            $.ajax({
                url:"你的url",  //请求的URL
                timeout:5000, //超时时间设置,单位毫秒
                type :'get',  //请求方式,get或post
                data :{"url":url},  //请求所传参数,json格式
                dataType:'json',//返回的数据格式
                success:function(res){
                    //请求成功的回调函数
                    if(res.info=="ok")
                    {
                        layer.open({
                            content: '成功返回了,我被弹出来',
                            time:3
                        });
                    }else
                    {
                        //稍后尝试
                        layer.open({
                            content: '获取数据失败了,我被弹出来'
                        });
                    }
                },
                complete : function(XMLHttpRequest,status){
                    //请求完成后最终执行参数
                    if(status=='timeout')
                    {
                        //超时,status还有success,error等值的情况
                        layer.open({
                            content: '请求超时,请刷新重试',
                            btn: ['OK']
                        });
                    }
                }
            });
        })
    </script>
</body>
</html>

 

你可能感兴趣的:(jquery ajax 使用layer的超时提示)