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 面向对象(二)封装代码
May 23 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
jQuery ajax时间差导致的变量赋值问题分析
Jan 22 Javascript
分享JS数组求和与求最大值的方法
Aug 11 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
node crawler如何添加promise支持
Feb 01 Javascript
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
thinkPHP中验证码的简单实现方法
2016/12/05 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
2016/01/04 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python中一般处理中文的几种方法
2019/03/06 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
python3 下载网络图片代码实例
2019/08/27 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
Python __slots__的使用方法
2020/11/15 Python
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
小学语文教研活动总结
2014/07/01 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle