Ajax设置超时时间，Ajax请求延迟提示

Ajax参数API参考：https://www.w3school.com.cn/jquery/ajax_ajax.asp

方式一
设置时间超过，断开请求连接

/*** ajax接口----------------------------------------------------------------------------* @param url 请求路径* @param data 请求参数* @param type 请求方式* @param callbak 成功回调* @param dataType 返回格式类型* @returns*/
function getAjax(url, data, type, callbak, dataType){var ajaxObj = $.ajax({url: url, // 请求的URLtimeout: 1000*10, // 超时时间设置，单位毫秒type : type || 'get', // 请求方式，get或postdata: data, // 请求所传参数，json格式dataType: dataType || 'json',// 返回的数据格式success: function(res){ // 请求成功的回调函数if(callbak){// 回调返回值callbak(res);}},complete: function(XMLHttpRequest, status){ // 请求完成后最终执行参数if(status == 'timeout'){// 超时, status 还有 success, error等值的情况ajaxObj.abort(); // 关闭ajax请求if(callbak){// 回调提示callbak({success: false, msg: "操作失败，接口请求超时！"});}}else if(status == 'error'){// 超时, status 还有 success, error等值的情况ajaxObj.abort(); // 关闭ajax请求if(callbak){// 回调提示callbak({success: false, msg: "操作失败，接口请求错误！"});}}}});
}

方式二
请求延迟提示，非断开连接

var AJAX={contentType:{JSON:"application/json;charset=UTF-8",FORM:"application/x-www-form-urlencoded"}
}
/*** ajax请求封装函数-----------------------------------------------------------------------* * @param d 请求参数对象*/
function ajax(d) {layui.use("layer", function () {var layer = layui.layer, index;$.ajax({url: (function () { // 使用立即执行函数if (d.url.indexOf("?") != -1) {return d.url + "&_=" + $.now()} else {return d.url + "?_=" + $.now()}})(),type: d.type || "GET",dataType: d.dataType || "JSON",data: (function () {if (d.isJSON !== undefined && d.isJSON) {return JSON.stringify(d.params) || {}}return d.params || {}})(),async: d.async || true,beforeSend: d.beforeSend || function () {// 发送请求index = layer.load(1, {time: 10 * 1000, shade: [0.01, '#ffffff']}, function () {console.log("服务请求延迟过大...当前超时时间为10S");});},contentType: d.contentType || AJAX.contentType.JSON,success: function (r) { // 请求成功d.success.call(this, r);},error: function (e) {// 请求错误let json = JSON.parse(e.responseText);if (json.success){d.success.call(this, json);}else {layer.msg("请求异常!");}if (index != undefined) {layer.close(index);}},complete: d.complete || function () {// 请求完成if (index != undefined) {layer.close(index);}}})});
}

Ajax设置超时时间，Ajax请求延迟提示相关推荐

为jQuery的$.ajax设置超时时间
jQuery的ajax模块封装了非常强大的功能,有时候我们在发送一个ajax请求的时候希望能有一个超时的时间,想让程序在一段时间请求不到数据时做出一些反馈.幸运的是jQuery为我们提供了这样的参数: ...
php如何发起远程请求,PHP请求远程地址如何设置超时时间
PHP请求远程地址设置超时时间的方法:1.[file_get_contents]请求超时设置:2.fopen请求超时设置:3.curl请求超时设置. [相关学习推荐:php编程(视频)] PHP请求远 ...
php 请求时间超时,PHP请求远程地址设置超时时间的解决方法
php请求远程地址设置超时时间,主要讲解file_get_contents.fopen.curl这三个简单常用函数设置超时时间的方法,一般情况下建议使用curl,性能最好,效率也最高. 1.file_ ...
python给函数设置超时时间_在 Linux/Mac 下为Python函数添加超时时间的方法
我们在使用 requests 这类网络请求第三方库时,可以看到它有一个参数叫做 timeout ,就是指在网络请求发出开始计算,如果超过 timeout 还没有收到返回,就抛出超时异常.(当然存在特殊 ...
python给函数设置超时时间_在 Linux/Mac 下为Python函数添加超时时间
我们在使用 requests 这类网络请求第三方库时,可以看到它有一个参数叫做timeout,就是指在网络请求发出开始计算,如果超过 timeout 还没有收到返回,就抛出超时异常.(当然存在特殊情况 ...
HttpClient 如何设置超时时间
今天分享一个巨坑,就是 HttpClient.这玩意有多坑呢?就是每个版本都变,近日笔者深受其害. 先看一下代码,我要发送请求调用一个c++接口. public static String doPos ...
【Java 网络编程】服务器端 ServerSocket 配置 ( 端口复用 | 缓冲区设置 | 超时时间 | 性能权重 | 端口绑定 )
文章目录 I ServerSocket 端口号绑定参数 II ServerSocket 复用绑定端口设置 III ServerSocket 设置缓冲区大小 IV ServerSocket 设置超时时间 ...
同时设置超时时间_刚入职的小菜鸡，设错了RPC超时，搞了个线上事故
上面这张监控图,对于服务端的研发同学来说再熟悉不过了.在日常的系统维护中,『服务超时』应该属于监控报警最多的一类问题. 尤其在微服务架构下,一次请求可能要经过一条很长的链路,跨多个服务调用后才能返回结 ...
httpclient 设置超时时间_面试官：技术选型，HttpClient还是OkHttp？
你知道的越多,不知道的就越多,业余的像一棵小草! 你来,我们一起精进!你不来,我和你的竞争对手一起精进! 编辑:业余草来源:juejin.im/post/6844904040644476941 推荐 ...

Ajax设置超时时间，Ajax请求延迟提示

Ajax设置超时时间，Ajax请求延迟提示相关推荐

最新文章

热门文章