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>
复制代码

 

posted @   李照耀  阅读(2584)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示