笔记--js实现异步

Posted 付出才有回报,敢于尝试才能成功。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了笔记--js实现异步相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
var xhr=false;
function createXhr() {
var xhobj = false;
try {
xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
} catch (e) {
try {
xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
} catch (e2) {
xhobj = false;
}
}
if (!xhobj && typeof XMLHttpRequest != ‘undefined‘) {// Firefox, Opera 8.0+, Safari
xhobj = new XMLHttpRequest();
}
return xhobj;
}

 


function doDel(du,ot,id){
//当执行删除时候创建异步对象
xhr=createXhr();
if(confirm("您确定要删除此地址吗?")){
//设置异步请求的参数(传值方式类型,du--default是否默认&ot--ordertype账户类型&aid地址编号,是否执行异步)
xhr.open(‘get‘,‘DoDelAdd.ashx?Du=‘+du+‘&Ot=‘+ot+‘&aid=‘+id,true);
//清除缓存(设置get请求不用缓存)
xhr.setRequestHeader("If-Modified-Since","0");
//设置回调函数
xhr.onreadystatechange=function(){
//检查准备状态 0--未初始化,1--载入,2--载入完成,3-正在交互,4--完成交互
if(xhr.readyState==4){
//通信成功
if(xhr.status==200){
//获得返回值
var res=xhr.responseText;
//判断
if(res=="OK"){
//获取要删除行的id
var nowtr=document.getElementById("mrdz1"+id);
nowtr.parentNode.removeChild(nowtr);
}
}
}
}
xhr.send(null);
}
}
</script>

 


以上是关于笔记--js实现异步的主要内容,如果未能解决你的问题,请参考以下文章

Nodejs学习笔记

nodejs学习笔记 --回调函数

js-ES6学习笔记-Generator函数的异步应用

在Nuxt.js组件中获取异步数据

angularJS使用ocLazyLoad实现js延迟加载

学习笔记12JS异步请求