jq--ajax中止请求

比如我后端设置延迟3s再响应给前端，我用的是node之koa2

router.get('/vueDemo/getStudents', async ( ctx ) => {//延迟3sasync function delay(time) {return new Promise(function(resolve, reject) {setTimeout(function(){resolve();}, time);});};await delay(3000);//向后断返回数据let st = await students.find();ctx.response.type = 'application/json';ctx.body = st;
})

前端设置超时

<script>var url='http://localhost:3000/vueDemo/getStudents'//发起请求var getStudents=$.ajax({type: 'get',url:url,timeout:2000})getStudents.then(function (rep) {console.log(rep)},function () {//如果超过2s还未回应，中断请求console.log('超过2s还未回应，中断请求')getStudents.abort()})
</script>

前端设置非超时

<script>var url='http://localhost:3000/vueDemo/getStudents'//发起请求var getStudents=$.ajax({type: 'get',url:url,timeout:5000})getStudents.then(function (rep) {console.log(rep)},function () {//如果超过2s还未回应，中断请求console.log('超过2s还未回应，中断请求')getStudents.abort()})
</script>

转载于:https://www.cnblogs.com/dshvv/p/7784415.html

jq--ajax中止请求相关推荐

JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据
JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据最近写大创项目的时候,要做登录功能,考虑到之后还需要上传头像图片,因此决定使用FormData发送表单请求 ...
jq ajax请求php原声,原生JS与jQuery对AJAX的实现
原生JS与jQuery对AJAX的实现一.定义 W3C里这么解释AJAX: AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). ...
JQ ajax解决跨域
JQ ajax请求失败 "No Transport",浏览器跨域的意思. jQuery.support.cors = true:请求前添加这行代码,解决跨域问题
中止请求和超时跨域的HTTP请求认证方式 JSONP
中止请求和超时一个栗子在上传多少秒以后直接终止请求 // 发起HTTP GEt请求获取指定URl的内容 // 如果响应成功到达,将会传入responseText给回调函数 // 如果响应在timeo ...
浅尝JQ AJAX
因为之前写AJAX都是用js,于是今天就试下用JQ写AJAX,感觉很爽,代码也写得少,也习惯了一点括号的写法,因为之前一直都没多少去写括号. 关于JQ AJAX,JQ的理念是write less do ...
java如何写ajax,java,jq,ajax写分页
1.先写好html基础样式我懒得去写css样式233,能看就行 #page { width: 20px; } id name pwd age 上一页下一页 2.编写servlet 2.1 先写查询 ...
ajax post请求导致的跨域和浏览器兼容性问题
前言过完年来我们老大安排我做的一个小需求,就是往现有的.net客服查询系统增加一个二级菜单,点击菜单在对话框中输入账号信息即可查询到该用户的信息.当时做这个的时候遇到了一些问题,具体可查看解决了异常 ...
jquery案例14——ajax、请求接口、处理接口返回数据
一.图片请求 1.案例描述利用jq中的ajax去请求接口,获取数据,并对数据进行渲染显示到页面上. 2.案例效果演示说明:目前我只请求了4条数据. 3.案例局部代码 css代码: <styl ...
ajax返回状态码为零,ajax - HTTP请求返回状态码0时的含义是什么？
ajax - HTTP请求返回状态码0时的含义是什么? JavaScript网络调用(例如fetch或XMLHttpRequest)或任何其他类型的HTTP网络请求在HTTP状态代码为0时失败意味着什 ...
js ajax 递归,javascript ajax循环请求/ 长轮询终极解决办法——递归
ajax循环请求,不能使用for循环,原因如下: 1. 因为ajax是异步执行,在还没有拿到服务器响应内容,就进入下一个for循环中解决办法:递归currentIndex = 0; function ...

jq--ajax中止请求

jq--ajax中止请求相关推荐

最新文章

热门文章