跨浏览器Ajax调用封装

2019独角兽企业重金招聘Python工程师标准>>>

/*** 执行基本ajax请求,返回XMLHttpRequest* Ajax.request(url,{*         async   是否异步 true(默认)*      method  请求方式 POST or GET(默认)*       data    请求参数 (键值对字符串)*      success 请求成功后响应函数，参数为xhr*        failure 请求失败后响应函数，参数为xhr* });**/
Ajax =
function(){function request(url,opt){function fn(){}var async   = opt.async !== false,method  = opt.method  || 'GET',data    = opt.data      || null,success = opt.success  || fn,failure = opt.failure    || fn;method  = method.toUpperCase();if(method == 'GET' && data){url += (url.indexOf('?') == -1 ? '?' : '&') + data;data = null;}var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');xhr.onreadystatechange = function(){_onStateChange(xhr,success,failure);};xhr.open(method,url,async);if(method == 'POST'){xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;');}xhr.send(data);return xhr;  }function _onStateChange(xhr,success,failure){if(xhr.readyState == 4){var s = xhr.status;if(s>= 200 && s < 300){success(xhr);}else{failure(xhr);}}else{}}return {request:request};
}();

调用方式

Ajax.request('servlet/ServletJSON',{data : 'name=jack&age=20',success : function(xhr){//to do with xhr},failure : function(xhr){//to do with xhr}}
);

转载于:https://my.oschina.net/astrongpig/blog/29317

跨浏览器Ajax调用封装相关推荐

ajax同时调用两个jsonp,使用JSONP进行跨域Ajax 调用
JSONP 是啥 JSONP 全称是JSON with Padding. 当需要进行跨域Ajax 调用的时候, 需要用到JSONP 协议. 客户端 $.ajax({ url: 'http://xxx' ...
【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解
<javascript高级程序设计>跨浏览器事件处理程序EventUtil.js个人注释 EventUtil.js // 跨浏览器事件处理程序封装 var EventUtil = {// ...
跨域资源共享（CORS）--跨域ajax
几年前,网站开发者都因为ajax的同源策略而撞了南墙.当我们惊叹于XMLHttpRequest对象跨浏览器支持所带来的巨大进步时,我们很快发现没有一个方法可以使我们用JavaScript实现请求跨域访 ...
AJAX之封装+跨域
AJAX5步法先简单回顾下之前所说的5步法 1.创建异步对象XMLHttpRequest /* 1.创建 XMLHttpRequest一步对象*/var xhr;if (window.XMLHttp ...
ajax json 封装,Ajax--json（Ajax调用返回json封装代码、格式及注意事项）
Ajax调用json封装代码: //Ajax调用返回JSON public function JsonQuery($sql,$type=1,$db="mydb") { //定义数据 ...
js ajax 浏览器兼容,JS跨浏览器兼容，一点点总结
不同的浏览器,对不同的/相同的属性.方法等的支持程度也会有所差别,要想达到满意的效果,需要做一些处理.给不同的浏览器量体裁衣,也就是所说的达到兼容. 常见的处理方式:(能力检测和浏览器检测) 1.三目 ...
ajax跨浏览器初始化,使用Ajax的jQuery localStorage的跨浏览器
我已经这样做了阿贾克斯jQuery的功能,节省了在localStorage的滚动位置和正常工作的Chrome,但它并没有在其他Web浏览器上工作,我能做些什么,使工作在所有平台上?使用Ajax的jQu ...
ajax调用远程webservice,ajax跨域请求调用webservice接口
最近忽然想学习webservice,一直不知道如何跨域调用调用.若是都在同一个项目,相信你们都知道了?特此整理一下关键点,权当学习.javascript 1.WebService 接口编写.这里不在赘 ...
跨浏览器开发工作小结
本篇小结是在2011年时候总结的,当时做一个产品的跨浏览器兼容工作,由于产品开发的时间比较早,最开始只能在IE下面(IE 8.IE 9还有点点问题)使用,做跨浏览器兼容工作的时候,主要是适配IE 6- ...

跨浏览器Ajax调用封装

跨浏览器Ajax调用封装相关推荐

最新文章

热门文章