`
f543711700
  • 浏览: 326957 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

优雅的ajax封转

阅读更多
封装:
var MonitorAjax = function() {
	this.XHR = function() {
		var xmlHttpRequest;
		if(window.XMLHttpRequest) {
			xmlHttpRequest = new XMLHttpRequest();
		} else if(window.ActiveXObject) {
			try {
				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e1) {
				try {
					xmlHttpRequest = new ActiveXObject("MSXML2.XMLHTTP");
				} catch(e2) {
					try {
						xmlHttpRequest = new ActiveXObject("MSXML3.XMLHTTP");
					} catch(e3) {
						alert('创建异步通信对象失败,这是因为浏览器不支持引起的');
					}
				}
			}
		} else {
			alert("貌似您的浏览器不支持异步通信,部分功能无法正常运行,请切换浏览器,如:IE浏览器");
		}
		return xmlHttpRequest;
	}();
	this.request = function(url,transferType,data,callbackFn) {
		this.XHR.open(transferType,url,true);
		this.XHR.onreadystatechange = function() {
			if(this.readyState == 4) {
				if(this.status == 200) {
					callbackFn(this.responseText);
				}
			}
		};
		if(transferType == "POST" || transferType == "post") {
			this.XHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
		}
		this.XHR.send(data);
	};
}



调用:
var monitorAjax = new MonitorAjax();
monitorAjax.request("login.do","post","name=wangfeng",function(result) {
alert(result);
});
分享到:
评论

相关推荐

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    js变量利用ajax转php变量

    标题"js变量利用ajax转php变量"所涉及的核心知识点包括: 1. **JavaScript(JS)变量**:JavaScript是一种轻量级的解释型编程语言,主要运行在浏览器中,用于处理用户交互、网页动态效果和数据验证。变量在JS中用`...

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX

    Ajax中文手册 API

    很不错的Ajax开发草考文档,方便快捷1. AJAX介绍AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。2. AJAX实例AJAX可以用来创建更多交互式的网络应用程序。3. AJAX源...

    ajax简单例子(转)

    **Ajax简介** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种...通过阅读博文“ajax简单例子(转)”和研究"AjaxxmlPage"中的代码,可以深入理解Ajax的工作流程及其在实际项目中的运用。

    ajax用到的 bean转换json的java方法类

    直接把类阿什么的转换为json字符串向前台js界面传送,异常简单,用flex和ext等js框架的人都可以用

    ajax代码 ajax代码

    **Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这种技术可以提升用户体验,因为它...

    CH2.AJAX —— 让你的 AJAX 实现得更优雅

    如何以最优雅的方式(写最精简的 js )调用以上方法?也许你只需要写五行 js 代码: CH2.BLL.Login( {name: "caihaihua", password: "123456"} ,function(user){ alert('登录成功!'); } ,function(errormessage...

    AjaxRequest(Ajax使用包)

    **AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...

    Java Ajax分页,jsp ajax分页

    Java AJAX(Asynchronous JavaScript and XML)分页与JSP(JavaServer Pages)相结合,可以提供无需刷新整个页面即可动态加载更多内容的能力,提高用户体验。本教程将深入探讨如何使用AJAX、JavaScript以及MySQL...

    SSH1,JQuery的ajax返回json二维数组处理过程

    在本文中,我们将探讨如何使用SSH1框架与jQuery的AJAX功能来处理JSON二维数组,特别是在实现菜单联动下拉框的场景中。SSH1(Spring、Struts、Hibernate)是Java开发中的一个流行MVC框架组合,而jQuery的AJAX功能则...

    实例详解Android Webview拦截ajax请求

    Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...

    四天学会ajax_ajax教程

    #### 从笨拙到优雅:AJAX的应用实例 想象一个在线购物网站,用户在搜索框输入关键词后,传统上需要等待整个页面刷新才能看到搜索结果。但在AJAX的支持下,搜索操作可以在后台无缝执行,搜索结果几乎瞬间显示在页面...

    Ajax(Ajax使用js包)

    使用Ajax实现从服务器读取数据,包括Ajax实现的详细步骤

    jquery.unobtrusive-ajax.rar

    这个库利用数据属性(data-* attributes)和jQuery事件来实现Ajax功能,使得页面的异步更新更加优雅和易于维护。 在传统的Web开发中,Ajax通常需要在JavaScript代码中添加大量细节,而jQuery Unobtrusive Ajax通过...

    ajax 基础教程源代码

    ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...

    AJAX_技术总结_设计模式

    现代浏览器支持的 `fetch` API 使用 Promise 实现,提供了更优雅的异步处理方式,可配合 `async/await` 关键字使用。 ### 7. 应对安全问题 - **同源策略**:限制了 AJAX 只能请求同源(协议、域名、端口相同)的...

    java对象转Json AjaxJson数据交换 需要用到的所有包

    首先,我们需要引入相关的库,如标题所示,"java对象转Json AjaxJson数据交换"涉及到的几个jar包可能包括Jackson、Gson、Fastjson等流行的Java JSON库。这些库提供了将Java对象序列化为JSON字符串以及反序列化JSON回...

    jquery+ajax例子

    在IT行业中,jQuery和Ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。Ajax...

    ajax调用xml ajax调用html

    ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...

Global site tag (gtag.js) - Google Analytics