10-jQuery和ajax-3-ajax封装
来源:互联网 发布:网络安全工程师职责 编辑:程序博客网 时间:2024/06/05 10:25
第十节:ajax封装
ajax请求后台数据 var btn = document.getElementsByTagName("input")[0];
btn.onclick = function(){
ajax({//json格式 type:"post", url:"post.php", data:"username=poetries&pwd=123456", asyn:true, success:function(data){ document.write(data); }});
}
封装ajax
function ajax(aJson){
var ajx = null;
var type = aJson.type || “get”;
var asyn = aJson.asyn || true;
var url = aJson.url; // url 接收 传输位置
var success = aJson.success;// success 接收 传输完成后的回调函数
var data = aJson.data || ”;// data 接收需要附带传输的数据
if(window.XMLHttpRequest){//兼容处理 ajx = new XMLHttpRequest();//一般浏览器}else{ ajx = new ActiveXObject("Microsoft.XMLHTTP");//IE6+}if (type == "get" && data){ url +="/?"+data+"&"+Math.random();}//初始化ajax请求ajx.open( type , url , asyn );//规定传输数据的格式ajx.setRequestHeader('content-type','application/x-www-form-urlencoded');//发送ajax请求(包括post数据的传输)type == "get" ?ajx.send():ajx.send(aJson.data);//处理请求ajx.onreadystatechange = function(aJson){if(ajx.readState == 4){ if (ajx.status == 200 && ajx.status<300)//200是HTTP 请求成功的状态码 { //请求成功处理数据 success && success(ajx.responseText); }else{ alert("请求出错"+ajx.status); }}};
0 0
- 10-jQuery和ajax-3-ajax封装
- 封装jquery中的ajax
- 封装jQuery的ajax
- jQuery Ajax封装
- 封装jquery之ajax
- JavaScript Ajax封装 类似jQuery Ajax
- AJAX-jQuery中的AJAX封装函数
- Ajax原理和封装
- 封装ajax和Promise
- 【Ajax 3】JavaScript封装Ajax
- jQuery封装的Ajax方法
- jQuery对AJAX的封装
- JQuery对Ajax的封装
- JQuery封装的ajax调用
- jQuery Ajax通用js封装
- jQuery Ajax通用js封装
- jQuery Ajax通用js封装
- jquery Ajax 全局调用封装
- 09-jQuery和ajax-2
- oj_64 新年组队
- 炫酷安卓垃圾回收动画
- 关于公司层次的思考
- java动态代理与静态代理
- 10-jQuery和ajax-3-ajax封装
- 数据结构—树与二叉树篇II
- 算法——分治法之棋盘覆盖
- nodejs安装配置
- JQueryEasyUI 组件 布局 portal组件
- linux之如何快速查看文件的大小
- CSDN的博客搜索功能太弱,教你怎么搜索自己博客的文章
- 测试用例设计要点
- 抽象类和接口区别