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

原创于 2017-08-01 21:46:34 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax 基础代码封装 #ajax #应用 #函数

本文详细介绍了使用JavaScript实现AJAX的四个步骤：创建对象、连接服务器、发送请求及接受响应。并通过具体示例代码展示了如何定义一个AJAX函数来处理异步请求的成功与失败情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();	
				}
			
			}	
		}
	};
};