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

<ul>

</ul>

</div>

<ul>

</ul>

</div>

</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" %>

<ul>

<asp:Repeater ID="lstPaiHang_Party" runat="server" EnableViewState="False" OnItemDataBound="lstPaiHang_Party_ItemDataBound">

<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>

<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>

</div>

<div id="ImgSrc_DivShopPaiHangFlag<%#GetFlag()%>_<%#GetSCurrentNum_PaiHangParty()%>" style="display:none"><%# AdjustImgPath(DataBinder.Eval(Container.DataItem, "Img"))%></div>

</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>