手写Ajax连接

前端之家收集整理的这篇文章主要介绍了手写Ajax连接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用惯了第三方的JavaScript框架,今天想回头看看都会了什么。杯具的是 ,差点连手写的Ajax方式都给忘了,以下。附上代码以又给忘了。实在不该。

/**
 * 得到ajax对象
 */
function getajaxHttp() {
	var xmlHttp;
	try {
		// Firefox,Opera 8.0+,Safari
		xmlHttp = new XMLHttpRequest();
		} catch (e) {
			// Internet Explorer
			try {
				xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
			try {
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("您的浏览器不支持AJAX!");
				return false;
			}
		}
	}
	return xmlHttp;
}
/**
 * 发送ajax请求
 * url--url
 * methodtype(post/get)
 * con (true(异步)|false(同步))
 * parameter(参数)
 * functionName(回调方法名,不需要引号,这里只有成功的时候才调用)
 * (注意:这方法有二个参数,一个就是xmlhttp,一个就是要处理的对象)
 * obj需要到回调方法中处理的对象
 */
function ajaxrequest(url,methodtype,con,parameter,functionName,obj){
	var xmlhttp=getajaxHttp();
	xmlhttp.onreadystatechange=function(){
		if(xmlhttp.readyState==4){
			//HTTP响应已经完全接收才调用
			functionName(xmlhttp.responseText,obj);
		}
	};
	xmlhttp.open(methodtype,url,con);
	xmlhttp.send(parameter);
}
原文链接:https://www.f2er.com/ajax/166205.html

猜你在找的Ajax相关文章