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>