javascript封装的ajax函数库
2013-11-18 09:08
225 查看
下面是封装好的ajax的函数
调用方法:
本文链接:javascript封装的ajax函数库
联系作者:javascript博客
版权所有:非特殊说明都是本站原创文章,转载请注明出处
function AjaxObj() { this.xmlHttp = null; this.Request = function(method, url, data, callback, sync) { if (window.ActiveXObject) { this.xmlHttp = new ActiveXObject("Microsoft.XMLHttp"); } else if (window.XMLHttpRequest) { this.xmlHttp = new XMLHttpRequest(); if (this.xmlHttp.overrideMimeType) { this.xmlHttp.overrideMimeType('text/xml'); } } if (this.xmlHttp) { var self = this; if (callback) this.xmlHttp.onreadystatechange = function(){callback(self.xmlHttp);}; else this.xmlHttp.onreadystatechange = function(){return;}; if (!method) method = "POST"; method = method.toUpperCase(); if (method == 'GET') { this.xmlHttp.open('GET', url + ((typeof data=="string")?('?' + data):""), typeof sync == "boolean" ? sync : true); this.xmlHttp.send(null); } else { this.xmlHttp.open('POST', url, typeof sync == "boolean" ? sync : true); this.xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); this.xmlHttp.send(data); } } }; this.abort = function() { if (this.xmlHttp) this.xmlHttp.abort(); }; this.swRequest = function(cfg){ if(!cfg.url) return; this.Request(cfg.method||"POST",cfg.url||"",cfg.data,function(req){ if(req.readyState==4){ if(req.status==200||req.status==0){ var obj = null; var text = req.responseText; eval("obj = "+ text); cfg.success.call(cfg.soap||this,obj); return; }else{ cfg.failure.call(cfg.soap||this,"错误!"); return; } } }); }; }
调用方法:
ajax.swRequest({ method:"POST", sync:false, url:'?a=manage&m=checkUser', data:"user="+user.value, success: function(msg) { if(msg==1){ flag.value = 'true'; } else { flag.value = ''; } }, failure: function(a) { alert(a); }, soap:this });
本文链接:javascript封装的ajax函数库
联系作者:javascript博客
版权所有:非特殊说明都是本站原创文章,转载请注明出处
相关文章推荐
- Javascript 面向对象编程(一):封装
- 国内外 JavaScript 经典封装
- Javascript 面向对象编程(一):封装(转载)
- 第一百五十八节,封装库--JavaScript,ajax说明
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
- html5学习笔记---05.JavaScript 中的面向对象,继承和封装
- 面向对象在javascript中的三大特征之封装
- JavaScript 面向对象程序设计(上)——封装[转]
- 演示OOP中的封装、继承在JavaScript中的书写方式(另附JS反射的例子)
- JavaScript面向对象之-----封装
- 简单封装JavaScript Date对象操作
- javascript 封装
- javascript 对象封装的常用方式
- javascript的函数、创建对象、封装、属性和方法、继承
- (2)如何在Javascript中自定义类 & 面向对象编程 (封装)
- 【JavaScript 封装库】BETA 1.0 测试版发布!
- Javascript 面向对象编程(一):封装
- Javascript 面向对象编程(一):封装
- JavaScript 封装Ajax传递的数据代码
- 封装原生javascript连缀