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 相关文章推荐
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 Javascript
JS基于Mootools实现的个性菜单效果代码
Oct 21 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
对vue.js中this.$emit的深入理解
Feb 23 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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
PHP 时间日期操作实战
2011/08/26 PHP
php 抽象类的简单应用
2011/09/06 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
浅谈JSON.parse()和JSON.stringify()
2015/07/14 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
深入理解javascript中的this
2021/02/08 Javascript
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
python实现用户登录系统
2016/05/21 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Python语言描述机器学习之Logistic回归算法
2017/12/21 Python
python MySQLdb使用教程详解
2018/03/20 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
python opencv实现图像配准与比较
2021/02/09 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
企业演讲稿范文
2013/12/28 职场文书
自我鉴定三原则
2014/01/13 职场文书
质量承诺书范文
2014/03/27 职场文书
爱心活动计划书
2014/04/26 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年人事科工作总结
2014/11/19 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书