zoukankan      html  css  js  c++  java
  • js post 异步请求

    昨天在修复一个bug的时候,使用jquery post数据的时候发现post请求总是没有发出去,nnd,难道是jquery库问题啊,于是自己写了一个xmlhttp的方法,然后调试了一下,发现ok,那是估计需要更新一下jquery的库了,这个还没有调试,先用自己的了;
    以下是xmlHttp的coding:
    var xmlHttp;
    function createXMLHttpRequest(){
        //Mozilla 浏览器(将XMLHttpRequest对象作为本地浏览器对象来创建)
        if(window.XMLHttpRequest){ //Mozilla 浏览器
            xmlHttp = new XMLHttpRequest();
        }else if(window.ActiveXObject) { //IE浏览器
        //IE浏览器(将XMLHttpRequest对象作为ActiveX对象来创建)
            try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){}
            }
        }
        if(xmlHttp == null){
            alert("不能创建XMLHttpRequest对象");
            return false;
        }
    }
    //用于发出异步请求的方法
    function sendAsynchronRequest(url,parameter,callback){
        createXMLHttpRequest();
        if(parameter == null){
            //设置一个事件处理器,当XMLHttp状态发生变化,就会出发该事件处理器,由他调用
            //callback指定的javascript函数
            xmlHttp.onreadystatechange = callback;
            //设置对拂去其调用的参数(提交的方式,请求的的url,请求的类型(异步请求))
            xmlHttp.open("GET",url,true);//true表示发出一个异步的请求。
            xmlHttp.send(null);
        }else{
            xmlHttp.onreadystatechange = callback;
            xmlHttp.open("POST",url,true);
            xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
            xmlHttp.send(parameter);
        }
    }
    //以上代码是通用的方法,接下来是调用以上的方法
    function loadPros(title,count,pid,cid,level){
        // 调用异步请求方法
        url = "。。。。。。。。";
        sendAsynchronRequest(url,null,loadCallBack);
    }
    // 指定回调方法
    function loadCallBack(){
      try
     {
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                if(xmlHttp.responseText != null && xmlHttp.responseText != ""){
                   var divProid = document.getElementById('videolist');
                   divProid.innerHTML = xmlHttp.responseText;
                   for(i=0;i<len;i++)
                   {
                       var video_url = document.getElementById("videolist"+i+"").href;
                       if(video_url != undefined && video_url != null && video_url != ""){
                          window.location.href = video_url;
                       }
                   }
               }
            }
         }
         if (xmlHttp.readyState == 1)
         {
            //alert("正在加载连接对象......");
         }
         if (xmlHttp.readyState == 2)
         {
            //alert("连接对象加载完毕。");
         }
         if (xmlHttp.readyState == 3)
         {
            //alert("数据获取中......");
         }
      }
      catch (e)
      {
          //alert(e);
      }
    }
  • 相关阅读:
    Qt 无边框窗体改变大小 完美实现
    深入Windows窗体原理及控件重绘技巧
    EF里Guid类型数据的自增长、时间戳和复杂类型的用法
    Entity Framework中的Identity map和Unit of Work模式
    使用SQLite数据库和Access数据库的一些经验总结
    实现Avl平衡树
    使用Ajax
    接口和类 反射的差异性
    Guacamole 介绍
    依赖注入(DI)和Ninject
  • 原文地址:https://www.cnblogs.com/top5/p/2347727.html
Copyright © 2011-2022 走看看