JS基础学习应用之ajax.js函数的封装

xidianyueyong

于 2017-08-01 21:46:34 发布

阅读量204

点赞数

文章标签： ajax 基础代码封装 ajax 应用函数

本文链接：https://blog.csdn.net/xidianyueyong/article/details/76559839

版权

ajax四步：

1。创建对象

2。连接服务器

3。发送请求

4。接受请求

具体代码如下：

// JavaScript Document
function ajax(url,succ,fail)      //url传进来的地址、succ 执行成功后所调用的函数     fail 执行失败后作调用的参数
{
	//创建ajax对象
	var oAjax=null;
	if(window.XMLHttpRequest)
	{
		oAjax=new XMLHttpRequest();	
	}
	else
	{
		oAjax=new ActiveXobject('Microsoft.XMLHTTP')	   //做到兼容
	}
	//连接服务器
	oAjax.open('GET',url,true);
	//发送请求
	oAjax.send();
	//接受请求
	oAjax.onreadystatechange=function()
	{
		if(oAjax.readyState==4)
		{
			if(oAjax.status==200)
			{
				succ(oAjax.responseText);
			}
			else
			{
				if(fail)
				{
					fail();	
				}
			
			}	
		}
	};
};