javascript异步请求的几种方式

简介:

第一种,基本方法。这种方法比较基础,而且可以根据readyState和status的不同状态,写不同的处理代码。算是比较完备的吧。

var xmlHttp;
if (window.ActiveXObject) {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
   if (window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
   }
}

//设定属性
xmlHttp.onreadystatechange = getPreRespons;
xmlHttp.open("POST", url, true);
//post方法必须设置这个请求头
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    //发送请求 
xmlHttp.send(params);

//获得返回数据
function getPreRespons() {
//alert(xmlHttp.readyState);
if (xmlHttp.readyState == 4) {
//alert(xmlHttp.status)
   if (xmlHttp.status == 200) {
    parsePrem();//这个方法的代码略去,自己写就行
   }
}
}

第二种,这种方法要先引入prototype.js。这种方法算是半封装,因为他封装了基本的一些代码,如设定属性等;但是将onComplte等 方法暴露了出来。更具体的方面,我另写有文章。

var myAjax = new Ajax.Request(
    url,
    {method:'post',parameters:params,onComplete: processResponse,asynchronous:true});
}

第三种,是jquery的方法,因此要先引入jquery.js。这种方法封装得比较厉害,只留了一个omCompleted方法出来。不过 jquery也留了底层方法,可以通过使用底层方法来获取更大的编程灵活性。不知道prototype有没有类似的方法。

jQuery.post(action, params, onCompleted, "text");




本文转自 斯然在天边 51CTO博客,原文链接:http://blog.51cto.com/winters1224/799027,如需转载请自行联系原作者

相关文章
|
前端开发 JavaScript
#yyds干货盘点# 【js学习笔记十】前端异步请求逐步进行二async/await
#yyds干货盘点# 【js学习笔记十】前端异步请求逐步进行二async/await
82 0
#yyds干货盘点# 【js学习笔记十】前端异步请求逐步进行二async/await
|
前端开发 JavaScript
#yyds干货盘点# 【js学习笔记九】前端异步请求逐步进行一回调
#yyds干货盘点# 【js学习笔记九】前端异步请求逐步进行一回调
75 0
#yyds干货盘点# 【js学习笔记九】前端异步请求逐步进行一回调
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
76 0
|
2天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
9 1
|
9天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
35 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1