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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战