jq中法可以发起ajax请求的方法有,js与jQuery终止正在发送的ajax请求的方法

本文详细介绍了如何在JavaScript和jQuery中终止正在进行的Ajax请求,包括设置超时时间、手动调用abort方法。通过示例代码展示了jQuery的$.ajax方法和原生XMLHttpRequest对象的使用,帮助开发者理解如何在需要时中断请求,避免资源浪费。
摘要由CSDN通过智能技术生成

本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下:

核心:调用XMLHttpRequest对象上的abort方法

jquery的ajax方法有自己的超时时间设置参数:

$.ajax({type:'POST',url:'b.PHP',data:'',timeout:5000,success:function(){

}

})

同时

1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)

2. XMLHttpRequest对象有abort()方法

也可以自己手动去调用abort方法:

var xhr = $.ajax({type:'POST',success:function(){

alert('ok');

}

})

alert(xhr);

console.log(xhr);

abort

$(function(){

$("#song").click(function(){

alert('click');

xhr.abort();

})

})

对于原生的xhr:

xmlHttp.open("POST","theUrl",true);

xmlHttp.onreadystatechange=function(){

...//得到响应之后的操作

}

xmlHttp.send();

//设置8秒钟后检查xmlHttp对象所发送的数据是否得到响应.

setTimeout("CheckRequest()","8000");

function CheckRequest(){

//为4时代表请求完成了

if(xmlHttp.readyState!=4){

alert('响应超时');

//关闭请求

xmlHttp.close();

}

}

希望本文所述对大家ajax程序设计有所帮助。

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值