zoukankan      html  css  js  c++  java
  • 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);
          });
       }

    
    
  • 相关阅读:
    pl2303 驱动
    tomcat 启动脚本
    Linux下Shell命令加减乘除计算
    定时删除文件夹"$1"下最后修改时间大于当前时间"$2"天的文件
    mysql 拼接字符
    jquery iframe父子框架中的元素访问方法
    在线工具
    js对数组对象的操作以及方法的使用
    HTML 设置字体
    10月1号 备忘录
  • 原文地址:https://www.cnblogs.com/xtdhb/p/2340514.html
Copyright © 2011-2022 走看看