js笔记---封装自己的Ajax方法

//地址 成功方法  失败方法function Ajax(url, funsucc, funfial) {
    var oAjax = null;
    if (window.XMLHttpRequest) {
        oAjax = new XMLHttpRequest();
    }
    else {
        oAjax = ActiveXObject(‘Microsoft.XMLHTTP‘);
    }
    oAjax.open(‘get‘, url, true);
    oAjax.send();
    oAjax.onreadystatechange = function () {
        if (oAjax.readyState==4) {
            if (oAjax.status == 200) {
                funsucc(oAjax.responseText);//将返回的TEXT放到成功方法中
            }
            else {
                if (funfial) {//如果传了失败的方法,则执行
                    funfial();
                }
            }
        }
    }
}
时间: 2024-11-05 13:40:02

js笔记---封装自己的Ajax方法的相关文章

js笔记---封装一般运动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记 1.  模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q

2017.11.30 Reat前后端数据交互之Button提交数据处理(ajax方法单独封装成API,不用Form)

1.按钮定义: 2.引入外部js文件(封装了ajax方法的文件):注意目录结构 3.调用ajax文件中的具体方法: 4.关于ajax文件中方法的编写语法: 写法一: 写法二: 写法二对应的调用该方法的写法: ##var mongoose = module.exports = exports = new Mongoose; 5.ES6中export.import与export default区别: export与export default均可用于导出常量.函数.文件.模块等,你可以在其它文件或模

封装一个类似jquery的ajax方法

//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataType:"json"/"jsonp", // url:"地址", // data:{key:value} // success:function(){ // } // } //还需要一个跨域方法,可以访问远程服务器的数据 function myAja

使用对象封装ajax方法实现可重复调用

在项目中经常用到AJAX调用远程数据,每一次调用,都得写一个ajax方法,这就造成了重复代码过多,可读性也不够强,所以,我一般都是封装起来,需要的时候调用. var imgUpload = { //ajax请求数据 method:function(murl,mdata,method,success){ $.ajax({ type: method, url: murl, dataType : "jsonp", data: mdata, timeout: 20000, error: fun

Asp.Net实现JS前台带箭头的流程图方法总结!(个人笔记,信息不全)

Asp.Net实现JS前台带箭头的流程图方法总结!(持续更新中) 一.返回前台json格式 json5 = "[{\"Id\":2259,\"Name\":\"高中\"},{\"Id\":2259,\"tName\":\"初中\"},{"Id":2259,"Name":"小学"}]"; Asp.Net实现JS

自已封装Ajax方法

function createXHR() { var request; if (typeof (XMLHttpRequest) == 'undefined') { request = new ActiveXObject('Microsoft.XMLHTTP'); } else { request = new XMLHttpRequest(); } return request; } var xhr = createXHR(); function ajax(method, url, isAsync

$.ajax方法笔记

$.ajax({ type: "get", url:"ajax.php", data: {q: str}, async:false, success: function(e){ $("#txtHint").text(e); } }) $就是JQuery的别名,所以$.ajax({})可以看成 JQuery.ajax({}) 也就是 JQuery里的ajax方法. 因为是方法,所以本质上是一个函数,({/*省略代码*/}) 代表传输进去了一个对象.

jQuery整理笔记八----jQuery的Ajax

Ajax,我一直读的是"阿贾克斯",据当时大学老师讲该读音出处是根据当年风靡欧洲的荷兰足球俱乐部阿贾克斯的名字来的,我觉得说法挺靠谱的. jQuery封装了Ajax的交互过程,用户不需要考虑XMLHttpRequest对象的兼容性问题以及使用XMLHttpRequest建立连接.发送请求.发送方式.接收方式等细节,利用jQuery定义 的几个简单方法,即可轻松实现客户端与服务端异步通信的问题,从而帮助开发人员从繁琐的技术细节中解脱出来,专心于业务层开发工作. 最初始的JavaScrip