javascript之AJAX框架使用说明


Posted in Javascript onApril 24, 2010
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 DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
用js设置下拉框为只读的小技巧
Apr 10 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
5分钟学会Vue动画效果(小结)
Jul 21 Javascript
详解javascript中的Error对象
Apr 25 Javascript
基于jquery的一个图片hover的插件
Apr 24 #Javascript
预加载css或javascript的js代码
Apr 23 #Javascript
改变javascript函数内部this指针指向的三种方法
Apr 23 #Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
Apr 23 #Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 #Javascript
js 文件引入实现代码
Apr 23 #Javascript
网页图片延时加载的js代码
Apr 22 #Javascript
You might like
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
python关闭windows进程的方法
2015/04/18 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
Python深入06——python的内存管理详解
2016/12/07 Python
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
教学个人的自我评价分享
2014/02/16 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
Python语言内置数据类型
2022/02/24 Python