javascript之AJAX框架

ajax编码落地算是团队框架建设的一个里程碑，使得框架拥有了一个可应用调试的版本。在ajax框架编码中主要想到了这么几点:

• 框架兼容性
• 方法全面而要简单快捷
• 可扩展性好

框架兼容性:ajax框架的兼容性主要表现在XMLHttpRquest对象生成上。根据不同类型浏览器或者不同库一般有三种方式

• new XMLHttpRequest()；
• new ActiveXObject("Microsoft.XMLHTTP")；
• new ActiveXObject("Msxml2.XMLHTTP")；

方法简单快捷且扩展性好

• 框架编写如ajax.get()、ajax.json()、ajax.post等这样类似jquery的比较全面的方法，快捷方便
• 框架使用一个核心方法为接口、各种方法都通过统一接口进行异步请求，后续需要扩展方法只需要组织自己的数据格式，然后调用核心方法即可。

方法

• ajax.get(url,success,error)

  参数：	url	请求的url地址	必选
  参数：	success	请求成功的回调函数	可选
  参数：	error	请求失败的回调函数	可选

• ajax.json(url,success,error)//采用官方json解析方法解析，更安全

  参数：	url	请求的url地址	必选
  参数：	success	请求成功的回调函数	可选
  参数：	error	请求失败的回调函数	可选

• ajax.xml(url,success,error)//暂不支持

  参数：	url	请求的url地址	必选
  参数：	success	请求成功的回调函数	可选
  参数：	error	请求失败的回调函数	可选

• ajax.post(url,params,success,error)

  参数：	url	请求的url地址	必选
  参数：	params	需要post的参数	可选（默认null）
  参数：	success	请求成功的回调函数	可选
  参数：	error	请求失败的回调函数	可选

• ajax.request( { url:url, params:params, type:type, format:format, success:success, error:error } )

  参数：	url	请求的url地址	必选
  参数：	params	需要post的参数	可选
  参数：	success	请求成功的回调函数	可选
  参数：	error	请求失败的回调函数	可选
  参数：	type	请求类型（POST/GET）	可选（默认GET）
  参数：	format	返回数据类型（json/xml/text）	可选（默认text）

范例

• 引入

<script type="text/javascript" src="ajax_min.js" ></script>

请求

<script type="text/javascript">
//定义回调函数
var callBack = function(text)
{
    alert(text);
}
//发送请求
ajax.get("test.php",callBack);
</script>

        下载ajax_min.js

转载于:https://www.cnblogs.com/vece/archive/2010/04/24/1719202.html