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

jquery ajax 使用layer的超时提示

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

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

相关文章

关于 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

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

Dom对象与Jquery对象

jquery.validate.js 验证例子

作者介绍

最新文章

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

jquery制作一个简单的loading

Dom对象与Jquery对象

jquery.validate.js 验证例子

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

jquery插件jCarouselLite实现图片无缝滚动

热门文章

Jsp Ajax之模拟用户注册

jQuery Pagination分页插件的使用

jquery获取easyui-filebox的值

ajax2-ajax的post请求

处理器方法的返回值

cookie(读取、写入、删除)基于jquery.cookie.js

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

Ajax-Get基本使用

django-登陆功能-使用ajax实现

jquery easyui-datagrid错误

jquery.validate.js 验证例子

jquery购物车增减商品数量1-32

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