• ajax提交封装,简单仿Jquery


      提交代码

    //Ajax提交请求 requestType:"get" or "post"; url:地址;data:请求参数; backCallFun:回调函数
            function AjaxRequest(requestType, url, data, backCallFun) {
                var xhrobj; //XMLHttpRequest对象
                if (window.XMLHttpRequest) {  //标准浏览器
                    xhrobj = new XMLHttpRequest();
                    //xhobj = new ActiveXObject("Msxml2.XMLHTTP");
                } else if (window.ActiveXObject) {
                    xhrobj = new ActiveXObject("Microsoft.XMLHTTP");
                }
    
                if (requestType == "get") {
                    xhrobj.open("get", url, true);
                } else {
                    xhrobj.open("post", url, true);
                    //当post请求的时候,必须设置Content-Type
                    xhrobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                }
                //注册事件,当请求后状态改变后触发
                xhrobj.onreadystatechange = function() {
                    //readyState状态释义
                    //0 - (未初始化)还没有调用send()方法
                    //1 - (载入)已调用send()方法,正在发送请求
                    //2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
                    //3 - (交互)正在解析响应内容
                    //4 - (完成)响应内容解析完成,可以在客户端调用了
                    if (xhrobj.readyState == 4) {
                        if (xhrobj.status == 200) {  //页面状态
                            var dataStr = xhrobj.responseText;
                            backCallFun(dataStr); //执行回调方法
                        } else {
                            backCallFun("Error");
                        }
                    }
    
                }
                xhrobj.send(data);
            }
    
    
    

      示例:  

      var btnlogin = document.getElementById("btnLogin");
        btnLogin.onclick = function() {
          AjaxRequest("post", "LoginHandler.ashx", "uid=admin&pwd=123", function(data) {
            alert(data);
          });
       }

    
    
  • 相关阅读:
    清理yum源
    XZ压缩
    Linux命令之dot
    calltree查看工程代码中的函数调用关系
    valgrind 打印程序调用树+进行多线程性能分析
    LINUX 性能 测试 优化工具
    TCP/IP(84) 详解
    perf---LINUX内核研究
    廖雪锋笔记3:类型转换
    廖雪锋笔记2:list,tuble
  • 原文地址:https://www.cnblogs.com/xtdhb/p/2340514.html
Copyright © 2020-2023  润新知