封装的ajax

原创 2013年12月03日 21:14:56

==========不是原创。。。。只是把前人的代码照搬、。。。。我忘了是转自哪里的。。。自己重新拼凑的,

function TAjax(url,data,page,pagesize,callback){
	this.url=url;			//url
	this.data=data;			//参数
	this.page=page;			//当前页数
	this.pagesize=pagesize;	//每页显示树
	this.xmlHttp=null;
	this.callback=callback;	//回调函数方法名
	/*{
		try {
			// Firefox, Opera 8.0+, Safari
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			// Internet Explorer
			try {
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		if (xmlHttp == null)
			alert("对不起,您的浏览器不支持Ajax");
		this.xmlHttp=xmlHttp;
	}*/
	this.findDate=function(){
		xmlHttp  = this.getXmlHttpObject();
		xmlHttp.open("POST",url,true);
		xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
		xmlHttp.onreadystatechange=function(){
			if(xmlHttp.readyState == 4&&xmlHttp.status == 200){
				callback(xmlHttp.responseText);
			}
		}
	  	xmlHttp.send(null);//发送请求
		//send();里面传的数据格式var params = "lorem=ipsum&name=binny";
		//						 xmlHttp.send(params);
	}
	this.getXmlHttpObject=function() {
		var xmlHttp = null;
		if(window.ActiveXObject){
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}else if(window.XMLHttpRequest){
			xmlHttp=new XMLHttpRequest();
		}else{
			xmlHttp=null;
		}
		if (xmlHttp == null)
			alert("对不起,您的浏览器不支持Ajax");
		return xmlHttp;
	}
}

//Jquery
function AjaxByJquery(url,data,page,pagesize,callback){
	this.url=url;
	this.data=data;
	this.page=page;
	this.pagesize=pagesize;
	this.callback=callback;
	this.request=function(){
		//url=url+"?page="+page+"&pagesize="+pagesize;
		try {
			if (jQuery){
				$.ajax({
					url:url,
					type:"POST",
					dataType:"json",
					data:data,//data  var params = "lorem=ipsum&name=binny";
					success:function(date){
						callback(date);
					}
				});
			}
		}catch(ex) {
			alert('未引用jquery插件');
		}
	}
}


/////调用
//var date = "aa=11&bb=22";
//var as = new Ajax("<%=basePath%>Default_attt",date,"ccc","dddd",toaa);
//as.findDate();

//var ajax = new AjaxByJquery("<%=basePath%>Default_attt",date,"ccc","dddd",toaa);
//ajax.request();


jQuery-jquery封装的ajax使用总结

对于页面一些效果,验证等,我们都是通过JavaScript语言进行完成的,但是它也就像我们的Java代码一样,是最前台语言最基础的,而jQuery则是对js代码进行封装方便我们前台代码的编写,而且它还...
  • qq_36859415
  • qq_36859415
  • 2016年12月20日 18:38
  • 3454

JQuery Ajax的实现原理以及二次封装通用的Ajax

Ajax 的全称是Asynchronous JavaScript and XML 异步的javaScript和XML AJax所涉及到得技术:    1.使用CSS和XHTML来表示。 ...
  • u011659172
  • u011659172
  • 2016年05月04日 11:38
  • 2331

AJAX的工作原理和封装

理解ajax之前,我们首先要知道什么是ajax(AsynchronousJavaScript and XML),翻译“异步的javascript 和 xml”,是指一种创建交互式网页应用的网页开发技术...
  • DreamChenMing
  • DreamChenMing
  • 2016年08月10日 16:50
  • 550

ajax 异步封装-函数 javascript原生

以下为简单的案列代码: 无标题文档 * { margin: 0px; padding: 0px; } #box { float: left; width: 500px; } #left...
  • yy374864125
  • yy374864125
  • 2014年04月22日 17:02
  • 2551

JQuery封装的ajax方法

JQuery封装的ajax方法​ JQuery封装的ajax优势:简单方便,已做好浏览器兼容性处理。...
  • Jianxq
  • Jianxq
  • 2017年09月30日 21:24
  • 256

jQuery实现Ajax的封装

load方法 load(url,[data],[callback])。data为提交的数据,callback为回调函数,回调函数可以传三个参数,response stutas xhr,第一个参数为从服...
  • zuiziyoudexiao
  • zuiziyoudexiao
  • 2017年07月27日 21:20
  • 208

简单封装$.ajax() 方法

我是新手最近一直再用 AJAX 这个方法简单的写成函数的方式不知道会不会方便,主要是ajax 传输成功之后 把后台的data 返回到自己的函数上 ,这样对数据就可以随意操作了。...
  • qq_33285292
  • qq_33285292
  • 2017年07月26日 15:17
  • 1641

jQuery封装的ajax——参数

参数 options 类型:Object 可选。AJAX 请求设置。所有选项都是可选的。 async 类型:Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,...
  • qq_36940798
  • qq_36940798
  • 2016年12月06日 14:06
  • 1057

jquery Ajax 全局调用封装

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....})写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端...
  • xllily_11
  • xllily_11
  • 2016年06月02日 15:03
  • 17255

自己封装ajax

/** 全局ajax对象 */ var ajax = new Object(); var ajaxCore = null;/** * @see 创建ajax核心对象,兼容浏览器有:IE6,7,8,9...
  • birdflyto206
  • birdflyto206
  • 2016年06月07日 20:48
  • 1253
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:封装的ajax
举报原因:
原因补充:

(最多只允许输入30个字)