<center>ajax函数封装</center>

秒速五厘米 2021-11-23 03:46 437阅读 0赞

function ajax(url, method, async, data, callBack, type) {
    //设置参数默认值
    method = method || "GET";
    method = method.toUpperCase();
    async = async || true;
    data = data || null;
    callBack = callBack || function () {
        alert("默认回调函数");
    };
    type = type || "text";
    type = type.toLowerCase();
    
    var xhr = false;
    //初始化XMLHttpRequest 对象
    if (window.XMLHttpRequest) {//Mozilla 浏览器
        xhr = new XMLHttpRequest();
        if (xhr.overrideMimeType) {//设置MiME 类别
            if (type == "text") {
                xhr.overrideMimeType("text/plain");
            } else if (type == "xml") {
                xhr.overrideMimeType("text/xml");
            }
        }
    } else if (window.ActiveXObject) { //IE 浏览器
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
            }
        }
    }
    
    //异常，创建对象实例失败
    if (!xhr) {
        window.alert("不能创建XMLHttpRequest对象实例.");
        return false;
    }
    
    xhr.open(method, url, async); //发起请求
    xhr.setRequestHeader("If-Modified-Since", "0"); //每次都是获取最新的内容
    if (method == "POST") { //post
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send(data);
    } else {
        xhr.send(null); //get 不能发送数据
    }
    
    //指定响应处理函数
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            //成功之后调用回调函数
            if (type == "xml") {
                return callBack(xhr.responseXML, xhr);
            } else if (type == "text") {
                return callBack(xhr.responseText, xhr);
            }
        }
    };

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，437人围观）

还没有评论，来说两句吧...

相关阅读

相关 <center>计算星期几center>

<FORM NAME = "calDay"> <PRE><B>日:</B> <INPUT TYPE="num" name="day" on

野性酷女/ 2021年12月07日 10:57/ 0 赞/ 617 阅读

相关 <center>ajax函数封装center>

function ajax(url, method, async, data, callBack, type) { //设置参数默认值 method =

秒速五厘米/ 2021年11月23日 03:46/ 0 赞/ 438 阅读

相关 <center>ajax同域跨域jsonp函数封装center>

function ajax(opt) { opt = opt || {}; //

小灰灰/ 2021年11月23日 03:38/ 0 赞/ 375 阅读

相关 <center>javascript 代理模式center>

所谓的的代理模式就是为一个对象找一个替代对象，以便对原对象进行访问。使用代理的原因是我们不愿意或者不想对原对象进行直接操作，我们使用代理就是让它帮原对象进行一系列的

r囧r小猫/ 2021年11月17日 12:46/ 0 赞/ 475 阅读

相关 <center> javascript-适配器模式center>

将一个类(对象)的接口（方法或属性）转化成另一个接口，以满足用户需求，使类（对象）之间接口的不兼容性问题通过适配器方法得以解决适配器主要有3个角色组成：（1）客户端：

川长思鸟来/ 2021年11月17日 12:28/ 0 赞/ 459 阅读

相关 <center>javascript策略模式center>

策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式的优点如下：优点： 1. 策略模式利用组合，委托等技术和思想，有效

ゞ浴缸里的玫瑰/ 2021年11月17日 11:54/ 0 赞/ 533 阅读

相关 <center>JavaScript单列模式center>

单例模式概念首先什么是单例模式？可以这样理解：单例模式旨在保证一个类仅有一个实例，并提供一个全局的访问点。可能有人还是不太理解单例的概念，那么你可以想象生活中的一些例

港控/mmm°/ 2021年11月17日 11:34/ 0 赞/ 486 阅读

相关 <center>AJAX核心内容center>

AJAX核心代码就只有4步创建AJAX核心对象XMLHttpRequest（浏览器内置的，可以直接使用）注册回调函数开启浏览器和服务器的通道

女爷i/ 2021年11月01日 15:30/ 0 赞/ 469 阅读

相关 <center>函数的两种声明方式center>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

心已赠人/ 2021年10月23日 13:56/ 0 赞/ 424 阅读

相关 <center>原型链center>

原型链 JS的原型与原型链，相较于普通语法，它更难以理解一些，在开发上也较不常见。但这并不意为这它不重要，相反，它很重要。 ![在这里插入图片描述][watermar

比眉伴天荒/ 2021年10月23日 13:54/ 0 赞/ 571 阅读