jquery ajax 使用layer的超时提示-天翼云

jquery ajax 使用layer的超时提示

2024-05-17 07:20:42 阅读次数：60

<!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(=="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的超时提示

jquery ajax 使用layer的超时提示

相关文章

jquery实现checkbox全选和反选

jquery的介绍及使用

使用$.ajax实现异步请求

关于 SAP UI5 里包含的 jQuery 版本

Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported错误的多种解决方法及说明Content-Type

Caffe源码中Pooling Layer文件分析

jquery-todolist删除数据1-66

jquery-本地存储实现数据录入

jquery-todolist本地存储加载到页面

jquery制作一个简单的loading

作者介绍

最新文章

jquery实现checkbox全选和反选

使用$.ajax实现异步请求

Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported错误的多种解决方法及说明Content-Type

jquery.validate.js 验证例子

Dom对象与Jquery对象

AJAX中同时发送多个请求XMLHttpRequest对象处理方法

热门文章

Jsp Ajax之模拟用户注册

jQuery Pagination分页插件的使用

jquery获取easyui-filebox的值

ajax2-ajax的post请求

处理器方法的返回值

Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported错误的多种解决方法及说明Content-Type

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

Struts2+JQuery+Json实例

jquery获取节点的时候获取包含自己在内的HTML标签

jquery实现checkbox全选和反选

使用jQuery验证用户名是否存在，达到局部刷新的效果

Ajax跨域问题2

按钮登录和回车键登录（六）