Ajax get和Post的纯js实现代码
来源:互联网 发布:手机淘宝详情页怎么做 编辑:程序博客网 时间:2024/05/23 22:28
<span style="font-size:18px;">//AJAX类function AjaxClass(){ var XmlHttp = false; try { XmlHttp = new XMLHttpRequest(); //FireFox专有 } catch(e) { try { XmlHttp = new ActiveXObject("MSXML2.XMLHTTP"); } catch(e2) { try { XmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e3) { alert("你的浏览器不支持XMLHTTP对象,请升级到IE6以上版本!"); XmlHttp = false; } } } var me = this; this.Method = "POST"; this.Url = ""; this.Async = true; this.Arg = ""; this.CallBack = function(){}; this.Loading = function(){}; this.Send = function() { if (this.Url=="") { return false; } if (!XmlHttp) { return IframePost(); } XmlHttp.open (this.Method, this.Url, this.Async); if (this.Method=="POST") { XmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); } XmlHttp.onreadystatechange = function() { if (XmlHttp.readyState==4) { var Result = false; if (XmlHttp.status==200) { Result = XmlHttp.responseText; } XmlHttp = null; me.CallBack(Result); } else {me.Loading(); } } if (this.Method=="POST") { XmlHttp.send(this.Arg); } else { XmlHttp.send(null); } } //Iframe方式提交 function IframePost() { var Num = 0; var obj = document.createElement("iframe"); obj.attachEvent("onload",function(){ me.CallBack(obj.contentWindow.document.body.innerHTML); obj.removeNode() }); obj.attachEvent("onreadystatechange",function(){ if (Num>=5) {alert(false);obj.removeNode()} }); obj.src = me.Url; obj.style.display = 'none'; document.body.appendChild(obj); }}/*----------------------------调用方法------------------------------ var Ajax = new AjaxClass();// 创建AJAX对象 Ajax.Method = "POST"; // 设置请求方式为POST Ajax.Url = "default.asp"// URL为default.asp Ajax.Async = true;// 是否异步 Ajax.Arg = "a=1&b=2";// POST的参数 Ajax.Loading = function(){//等待函数document.write("loading..."); } Ajax.CallBack = function(str) // 回调函数 { document.write(str); } Ajax.Send(); // 发送请求 ----------------------------------------------------------- var Ajax = new AjaxClass();// 创建AJAX对象 Ajax.Method = "GET"; // 设置请求方式为POST Ajax.Url = "default.asp?a=1&b=2"// URL为default.asp Ajax.Async = true;// 是否异步 Ajax.Loading = function(){//等待函数document.write("loading..."); } Ajax.CallBack = function(str) // 回调函数 { document.write(str); } Ajax.Send(); // 发送请求--------------------------------------------------------------------*/ </span>
0 0
- Ajax get和Post的纯js实现代码
- 原生JS实现Ajax的GET POST请求
- JS 最简单的AJAX实例, GET 和 POST 方法
- 关于JS AJAX的POST和GET区别
- ajax的get和post
- AJAX的POST和GET
- 纯JS异步(post和get两种方法)
- 不用框架使用ajax 纯js使用ajax post,get范例及其区别
- 不用框架使用ajax 纯js使用ajax post,get范例及其区别
- php curl实现get和post的代码
- ajax的post和get的区别
- ajax中get和post的区别
- Ajax中的get和post的区别
- Ajax中Get和Post的区别
- Ajax GET 和 POST 的使用
- Ajax 的 GET 和 POST 模式
- ajax中get和post的区别
- ajax中get和post的区别
- 算法导论笔记(一) :堆排序
- apache做反向代理服务器
- Java线程(二):线程同步synchronized和volatile
- win7安装JDK-百度经验
- Android输出Log相关应用技巧剖析
- Ajax get和Post的纯js实现代码
- web网络服务器Apache与Tomcat区别与联系
- 【C++学习笔记】14_动态内存分配
- VS2008格式化代码
- Eclipse插件大全 挑选最牛的TOP30
- iOS 上常用的两个功能:点击屏幕和return退出隐藏键盘和解决虚拟键盘挡住UITextField的方法
- Android中的Handler总结
- DECLARE_MESSAGE_MAP用法
- IOS开发之深拷贝与浅拷贝(mutableCopy与Copy)详解