博客
关于我
封装一个简易版的ajax操作对象
阅读量:432 次
发布时间:2019-03-06

本文共 1445 字,大约阅读时间需要 4 分钟。

/** * 发送ajax请求 * @type {Object} * 使用方法如下: * $ajax.request( *     method: "post",            //请求方式 *     url:    "index.php",       //请求的服务器地址 *     data:   "name=itbsl&age=20",//请求时携带的参数 *     dataType: "xml",           //期望服务器回应的数据 *     callback: function(res) {  //请求成功后的回调函数 *         //处理数据 *     } * ); */var $ajax = {    request: function(obj) {        //创建对象        var xmlhttp;        if(window.XMLHttpRequest) {            //code for IE7+, Firefox, Chrome, Opera, Safari            xmlhttp = new XMLHttpRequest();        } else {            //code for IE6, IE5            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");        }        //建立连接        if(obj.method == 'get') {            xmlhttp.open(obj.method, obj.url+"?"+obj.data+"&"+Math.random(), true);            xmlhttp.send();        } if(obj.method == 'post') {            xmlhttp.open(obj.method, obj.url, true);            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");            xmlhttp.send(obj.data);        }        //监视请求的状态        xmlhttp.onreadystatechange = function () {            if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {                if(obj.dataType == 'xml') {                    obj.callback(xmlhttp.responseXML);                } else if(obj.dataType == 'text') {                    eval("var res = " + xmlhttp.responseText);                    obj.callback(res);                }            }        }    }}

转载地址:http://ybwyz.baihongyu.com/

你可能感兴趣的文章
Networkx读取军械调查-ITN综合传输网络?/读取GML文件
查看>>
network小学习
查看>>
Netwox网络工具使用详解
查看>>
Net与Flex入门
查看>>
net包之IPConn
查看>>
net发布的dll方法和类显示注释信息(字段说明信息)[图解]
查看>>
Net操作配置文件(Web.config|App.config)通用类
查看>>
NeurIPS(神经信息处理系统大会)-ChatGPT4o作答
查看>>
neuroph轻量级神经网络框架
查看>>
Neutron系列 : Neutron OVS OpenFlow 流表 和 L2 Population(7)
查看>>
NEW DATE()之参数传递
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>
Nexus指南已经发布
查看>>
NFinal学习笔记 02—NFinalBuild
查看>>
NFS
查看>>
NFS Server及Client配置与挂载详解
查看>>