• 自己封装的AJAX (带JSON)


    最简单的封装的AJAX:

    function myajax(url,onsuccess,fail){
        //确定是否支持xhr
        var xhr = new XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Microsoft.XMLHTTP');
        //准备发送post异步请求
        xhr.open('POST', url, true);
        //监听并获得返回结果
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) { //4 表示执行完
                if (xhr.status == 200) { //200 表示执行成功
                    onsuccess(xhr.responseText);
                } else {
                    if (fail) { //有传fail才传出失败信息
                        fail(xhr.status);
                    }
                }
            }
        }
        //发送请求
        xhr.send();
    }
    myajax.js

    可以把json字符串转JavaScript对象的AJAX

    function myajaxjson(url, onsuccess, fail) {
        //确定是否支持xhr
        var xhr = new XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Microsoft.XMLHTTP');
        //准备发送post异步请求
        xhr.open('POST', url, true);
        //监听并获得返回结果
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4) { //4 表示执行完
                if (xhr.status == 200) { //200 表示执行成功
                    if (xhr.getResponseHeader('Content-Type').indexOf('application/json') >= 0) { //响应头中'Content-Type是application/json,则把json字符串转js对象
                        var jsObj = eval('(' + xhr.responseText + ')');
                        onsuccess(jsObj);
                    } else {
                        onsuccess(xhr.responseText);
                    }
                } else {
                    if (fail) { //有传fail才传出失败信息
                        fail(xhr.status);
                    }
                }
            }
        }
        //发送请求
        xhr.send();
    }
    myajaxjson.js
  • 相关阅读:
    java设计模式之代理模式 ,以及和java 回调机制的区别
    oracle 安装,启动 ,plsql 连接
    jsp 访问文件夹中的图片,tomcat配置虚拟目录
    最实用解决tomcat startup.bat 一闪而过
    oracle 创建表
    java debug源码完整版
    node.js事件轮询(1)
    markdown命令语法
    mac常用的命令
    node + nginx + mongo搭建负载均衡
  • 原文地址:https://www.cnblogs.com/adolphyang/p/4803278.html
Copyright © 2020-2023  润新知