javascript之AJAX框架使用说明

 更新时间:2010年04月24日 13:49:19   作者:  
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
来自:cnblogs 唯C—Sky

相关文章

  • 原生Javascript实现继承方式及其优缺点详解

    原生Javascript实现继承方式及其优缺点详解

    JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一,那么这篇文章主要给大家介绍了关于原生Javascript实现继承方式及其优缺点的相关资料,需要的朋友可以参考下
    2021-07-07
  • JS左右无缝滚动(一般方法+面向对象方法)

    JS左右无缝滚动(一般方法+面向对象方法)

    其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方,有需要的先将就着用吧
    2012-08-08
  • 使用canvas实现有趣的弹簧效果

    使用canvas实现有趣的弹簧效果

    这篇文章主要为大家详细介绍了如何使用canvas实现有趣的弹簧效果,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下
    2023-12-12
  • js实现旋转大风车

    js实现旋转大风车

    这篇文章主要为大家详细介绍了js实现旋转大风车,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • JS动态增加删除UL节点LI及相关内容示例

    JS动态增加删除UL节点LI及相关内容示例

    这篇文章主要介绍了JS如何动态增加删除UL节点LI及相关内容,需要的朋友可以参考下
    2014-05-05
  • JavaScript解构赋值的实用技巧指南

    JavaScript解构赋值的实用技巧指南

    JavaScript解构赋值为我们提供了很多方便,但是用法比较多,本文就来梳理一下,下面这篇文章主要给大家介绍了关于JavaScript解构赋值的实用技巧指南,需要的朋友可以参考下
    2022-01-01
  • JS可断点续传文件上传实现代码解析

    JS可断点续传文件上传实现代码解析

    这篇文章主要介绍了JS可断点续传文件上传实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 动态改变div的z-index属性的简单实例

    动态改变div的z-index属性的简单实例

    这篇文章介绍了动态改变div的z-index属性的简单实例,有需要的朋友可以参考一下
    2013-08-08
  • js 操作css实现代码

    js 操作css实现代码

    虽说jquery支持css选择器,可以把一些css规则放在js里,js无论如何是比css灵活的。但是js修改的是dom的htmlelement的stlye,是一个操作而非规则。
    2009-06-06
  • Javascript验证方法大全

    Javascript验证方法大全

    这篇文章是集合了Javascript所有表单验证方法,非常全面,感兴趣的小伙伴们可以参考一下
    2015-09-09

最新评论