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);
      }
    }
  • 相关阅读:
    Asp.Net高级知识回顾_HttpModule及应用程序生命周期_1
    分析Http 请求
    Asp.Net基础知识回顾_状态管理
    泛型约束
    【转】TCP/UDP简易通信框架源码,支持轻松管理多个TCP服务端(客户端)、UDP客户端
    【转】【完全开源】微信客户端.NET版
    【转】【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件
    【转】Android总结篇系列:Activity Intent Flags及Task相关属性
    【转】Android总结篇系列:Activity启动模式(lauchMode)
    【转】Android总结篇系列:Activity生命周期
  • 原文地址:https://www.cnblogs.com/top5/p/2347727.html
Copyright © 2011-2022 走看看