AJAX 异域使用

 

AJAX 异域使用

if  ( ! window.XMLHttpRequest)
... {
    window.XMLHttpRequest = function()
    ...{
        var xmlHttp = null;
        var ex;
        try
        ...{
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.4.0");
        }
        catch (ex)
        ...{
            try
            ...{
                xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
            }
            catch (ex)
            ...{
                try
                ...{
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (ex)
                ...{}
            }
        }
        return xmlHttp;
    }
}

function  XHR(callback)
... {
    switch(typeof(callback))
    ...{
        case "function":
        case "string":
            break; //允许参数是 函数或字符串

        default:
            return null;
    }
    //*/

    var xml_method = 0;
    var http = new XMLHttpRequest();
    if (http == null)
    ...{
        //alert("创建对象失败!");
        return null;
    }

    http.onreadystatechange = function()...{
        /**//*     0: Uninitialized
            1: Loading
            2: Loaded
            3: Interactive
            4: Finished */
        if(http.readyState == 4)
        ...{
            try
            ...{
                var ret = http.responseText; //结果
                if (typeof(callback)=="function")
                ...{
                    callback(ret); //回访回调函数
                }
                else if(typeof(callback)=="string")
                ...{
                    var lc = callback.indexOf("(");
                    var rc = callback.indexOf(")");
                    //alert("callback: "+lc+" "+rc);
                    if ((lc<0)&&(rc<0))
                    ...{
                        s = callback+"(ret)";
                    }
                    else
                    ...{
                        var a = "";
                        a = (rc-lc<2)?"":",";
                        r = /)/g;
                        s = callback.replace(r ,a+"ret)");
                    }
                    //alert(s);
                    eval(s);
                }
                //http = null;
            }
            catch(e)
            ...{
                //alert(e.description);
            }
        }
    };

    this.get = function(url)...{
        try
        ...{
            //alert('a');
            //*
            http.open('get', url, true);
            http.send(null);
            //*/
        }
        catch(e)
        ...{
            //alert(e.description);
        }
    };

    this.post = function(url,args)...{
        try
        ...{
            http.open('post', url, true);
            http.setRequestHeader("Method", "POST " + url + " HTTP/1.1");
            http.setRequestHeader("Charset","GB2312");
            http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            //*
            var arg_g_arr = args.split("&");
            for(key in arg_g_arr)
            ...{
                value_arr = arg_g_arr[key].split("=");
                value_arr[1] = encodeURI(value_arr[1]);
                arg_g_arr[key] = value_arr.join("=");
            }
            args = arg_g_arr.join("&");
            //alert(args);
            //*/
            http.send(args);
        }
        catch(e)
        ...{
            //alert(e.description);
        }
    };
}

_gObjByID  =   function (id)  ... {
    return document.getElementById(id);
}

// 商家排行
var  CurrentShopPaiHangFlag = ' 1 ' ;
function  OperatePaiHangDiv(divID)
... {
    //alert(CurrentCircleFlag);
    var obj=null;
    var objShowPanel=null;
    objShowPanel=_gObjByID("DivShopPaiHang_ShowPanel");
    var shopPanel_="DivShopPaiHang_ShowPanel";
    if(CurrentShopPaiHangFlag!=divID)
    ...{                        
            for(var i=1;i<=3;i++)
            ...{
                _gObjByID("DivShopPaiHang_Flag" + i).removeAttribute("className");
                _gObjByID("DivShopPaiHang_Flag" + i).removeAttribute("class");
            }
            _gObjByID("DivShopPaiHang_Flag" + divID).className='current';
            
            
            if(CurrentShopPaiHangFlag!="")
            ...{
                //alert('CurrentCircleFlag!=""');
                obj=_gObjByID("DivShopPaiHang_Flag" + divID + "_Content");
                _gObjByID("DivShopPaiHang_Flag" + CurrentShopPaiHangFlag + "_Content").innerHTML=objShowPanel.innerHTML;
                objShowPanel.innerHTML=GetLoadingImg();
                if(obj.innerHTML == null || obj.innerHTML == "" || obj.innerHTML == GetLoadingImg())
                ...{//alert('GetFromAspx');
//                    var oXmlHttp = createXMLHttp();        
//                    ShowDivContent('indexContent/DivShopPaiHang.aspx?Flag=' + divID,oXmlHttp,"DivShopPaiHangFlag"+divID,objShowPanel);
                    
                    var x = new XHR("re_OperatePaiHangDiv('DivShopPaiHang_ShowPanel','DivShopPaiHangFlag"+divID+"')");
                     //alert(url);
                     var url = "indexContent/DivShopPaiHang.aspx?Flag=" + divID ;
                    x.get(url);
                }
                else
                ...{//alert('GetFromDiv');
                    objShowPanel.innerHTML=obj.innerHTML;
                    obj.innerHTML="";
                }
            }
            else
            ...{
                    var x = new XHR("re_OperatePaiHangDiv('DivShopPaiHang_ShowPanel','DivShopPaiHangFlag"+divID+"')");
                     //alert(url);
                     var url = "indexContent/DivShopPaiHang.aspx?Flag=" + divID ;
                    x.get(url);
            }            
            
            CurrentShopPaiHangFlag=divID;
            //SwapPaiHangShopDiv('DivShopPaiHangFlag'+divID,'1');
    }
}
function  re_OperatePaiHangDiv(id,id2,cc)
... {
     _gObjByID(id).innerHTML = cc;
     SwapPaiHangShopDiv(id2,'1');
}
function  SwapPaiHangShopDiv(DivKey,ID)
... {//DivS1  DivB1
    for(var i=1;i<=9;i++)
       ...{
                   _gObjByID(DivKey + '_S' + i).style.display='';
                   _gObjByID(DivKey + '_B' + i).style.display='none';                        
        }
            _gObjByID(DivKey + '_S' + ID).style.display='none';              
            _gObjByID(DivKey + '_B' + ID).style.display='';
        ShowImg("Img_"+DivKey+"_"+ID,"ImgSrc_"+DivKey+"_"+ID);
}

function  GetLoadingImg()
... {
    var ImgHtml;
    ImgHtml='<div align="center">';
    ImgHtml=ImgHtml+'<span><img src="indexImage1/loading.gif" alt="loading...." /></span>'
    ImgHtml=ImgHtml+'</div>';
    return ImgHtml;
}

 

INDEX.ASPX

< div  class ="hotShop sort1 block yspace"  id ="DivShopPaiHang_Food" >
                 < div  class ="title" >
                     < span  class ="b1tl l" ></ span >
                     < ul >
                         < li  id ="DivShopPaiHang_Flag1"  onmouseover ="getPageDiv('DivShopPaiHang_Flag','1')"  class ="current"   >< span >< a  href ="shop/"  target ="_blank" > 餐饮排行 </ a ></ span ></ li >
                         < li  id ="DivShopPaiHang_Flag2"  onmouseover ="getPageDiv('DivShopPaiHang_Flag','2')" >< span >< a  href ="shop/"  target ="_blank" > 玩乐排行 </ a ></ span ></ li >
                         < li  id ="DivShopPaiHang_Flag3"  onmouseover ="getPageDiv('DivShopPaiHang_Flag','3')" >< span >< a  href ="shop/"  target ="_blank" > 购物排行 </ a ></ span ></ li >
                     </ ul >
                     < span  class ="b1tr r" ></ span >
                 </ div >
                 < div  id ="DivShopPaiHang_Flag1_Content"  class ="txt"   style ="display:none;" ></ div >
                 < div  id ="DivShopPaiHang_Flag2_Content"  class ="txt"   style ="display:none;" ></ div >
                 < div  id ="DivShopPaiHang_Flag3_Content"  class ="txt"   style ="display:none;" ></ div >
                 < div   id ="DivShopPaiHang_ShowPanel"  class ="txt"   style ="height:265px;" >
                 < div  class ="txt11" >
                     < ul >
                    
                     </ ul >
                 </ div >
                 </ div >
                 < span  class ="bbl" >< span  class ="bbr" ></ span ></ span >
             </ div >

 

DivShopPaiHang.aspx.cs

int  SCurrentNum_PaiHangParty  =   1 ;
         int  BCurrentNum_PaiHangParty  =   1 ;
         public   string  Flag  =   " 1 " ;
         protected   void  Page_Load( object  sender, EventArgs e)
         ... {
            Flag = Request.QueryString["Flag"];
            if (Flag != null && Flag != "" && BaDa.Comm.Components.Function.IsIntNumberic(Flag))
            ...{
                DataSet DSPaiHang_Party = GetShopPHRs(Flag);
                lstPaiHang_Party.DataSource = DSPaiHang_Party.Tables[0].DefaultView;
                lstPaiHang_Party.DataBind();
                DSPaiHang_Party.Dispose();
            }

            
        }
         // 娱乐排行
         public   string  GetSCurrentNum_PaiHangParty()
         ... {
            return SCurrentNum_PaiHangParty.ToString();
        }
         public   string  GetBCurrentNum_PaiHangParty()
         ... {
            return BCurrentNum_PaiHangParty.ToString();
        }
         protected   void  lstPaiHang_Party_ItemDataBound( object  sender, RepeaterItemEventArgs e)
         ... {
            SCurrentNum_PaiHangParty = SCurrentNum_PaiHangParty + 1;
            BCurrentNum_PaiHangParty = BCurrentNum_PaiHangParty + 1;
        }

         public   string  GetFlag()
         ... {
            return Flag;
        }

         // 获得排行商家Dataset
         private  DataSet GetShopPHRs( string  VFlag)
         ... {
            BaDa.BLL.Shop_Com BllShop = new BaDa.BLL.Shop_Com();
            string VSqlWhere = "ClassID=" + VFlag + " and CityCode='" + GetCurrentCityCode() + @"' and lower(Img)<>'shopempty.jpg' Order by Support desc";
            return BllShop.GetListByWhere(9, VSqlWhere);
        }

 

DivShopPaiHang.aspx

<% ... @ OutputCache Duration="30" VaryByParam="Flag"  %>
< div  class ="txt11" >
                     < ul >
                     < asp:Repeater  ID ="lstPaiHang_Party"  runat ="server"  EnableViewState ="False"  OnItemDataBound ="lstPaiHang_Party_ItemDataBound" >
           < ItemTemplate >
                         < li  class ="num11 more"  style ="display:none"  id ="DivShopPaiHangFlag<%#GetFlag()%>_B<%#GetSCurrentNum_PaiHangParty()%>" >
                             < p  class ="numBig l" >< span > <% ... #GetSCurrentNum_PaiHangParty() %> </ span ></ p >
                             < p  class ="productImg l" >< a  href ="shop/spShow_<%# DataBinder.Eval(Container.DataItem, " ID")% > .html" target="_blank" title=" <% ... # DataBinder.Eval(Container.DataItem, "ShopName") %> "> < img   id ="Img_DivShopPaiHangFlag<%#GetFlag()%>_<%#GetSCurrentNum_PaiHangParty()%>"  alt ="<%# DataBinder.Eval(Container.DataItem, " ShopName")% > "  width="50" height="50"/> </ a ></ p >
                             < div  class ="productInfo" >
                                 < h3 >< a  href ="shop/spShow_<%# DataBinder.Eval(Container.DataItem, " ID")% > .html" target="_blank" title=" <% ... # DataBinder.Eval(Container.DataItem, "ShopName") %> "> <% ... # PLeft(DataBinder.Eval(Container.DataItem, "ShopName"),10) %> </ a ></ h3 >
                                 < p > 标签： <% ... # ShowTags(DataBinder.Eval(Container.DataItem, "Tags")) %> </ p >
                             </ div >
                             < div  id ="ImgSrc_DivShopPaiHangFlag<%#GetFlag()%>_<%#GetSCurrentNum_PaiHangParty()%>"   style ="display:none" > <% ... # AdjustImgPath(DataBinder.Eval(Container.DataItem, "Img")) %> </ div >
                             < span  class ="cf" ></ span >
                         </ li >
                         < li  id ="DivShopPaiHangFlag<%#GetFlag()%>_S<%#GetSCurrentNum_PaiHangParty()%>"  class ="num<%#GetSCurrentNum_PaiHangParty()%> listHeight"  onmouseover ="SwapPaiHangShopDiv('DivShopPaiHangFlag<%#GetFlag()%>','<%#GetSCurrentNum_PaiHangParty()%>')" >< a  href ="shop/spShow_<%# DataBinder.Eval(Container.DataItem, " ID")% > .html" target="_blank" title=" <% ... # DataBinder.Eval(Container.DataItem, "ShopName") %> "> <% ... # PLeft(DataBinder.Eval(Container.DataItem, "ShopName"),18) %> </ a ></ li >
                 </ ItemTemplate >
           </ asp:Repeater >
                     </ ul >
                 </ div >