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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
用console.table()调试javascript
Sep 04 Javascript
下拉框select的绑定示例
Sep 04 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 12 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中文乱码解决方案
2015/03/05 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
AngularJS基础 ng-model 指令详解及示例代码
2016/08/02 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
layui实现数据表格table分页功能(ajax异步)
2019/07/27 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
js实现弹窗效果
2020/08/09 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Python文件的读写和异常代码示例
2017/10/31 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
python设置环境变量的作用整理
2020/02/17 Python
keras输出预测值和真实值方式
2020/06/27 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
建筑自我鉴定
2013/10/19 职场文书
优秀毕业生自荐信范文
2014/01/01 职场文书
24岁生日感言
2014/01/13 职场文书
作文批改评语大全
2014/04/23 职场文书
教师对学生的评语
2014/04/28 职场文书
小时代观后感
2015/06/10 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书