Asp.Net2.0页面通过ICallbackEventHandler接口实现Ajax

1.页面继承ICallbackEventHandler接口。

2.编写服务器端代码:

#region ICallbackEventHandler

string result = string.Empty;

string ICallbackEventHandler.GetCallbackResult()

{

return result;

}

void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)

{

string aid = "";//Ads id

Regex r;

Match m;

if (eventArgument.Contains("method=getDetail"))

{

r = new Regex("(?<=(aid=))\\w*");

m = r.Match(eventArgument);

if (m.Success)

aid = m.Value;

if (aid != string.Empty)

{

result = GetAdDetail(aid);

}

}

}

/// <summary>

/// 获得详情

/// </summary>

/// <param name="aid"></param>

/// <returns></returns>

private string GetAdDetail(string aid)

{

string r = string.Empty;

IAdColumn ad=BkServices.PromotionService.GetAdColumn(aid);

if (ad != null)

{

if (ad.AdColumnType == AdvertisingType.Infomation_Wanted)

{

return string.Format("{0}&{1}", ad.Name, ad.Content);

}

else if (ad.AdColumnType == AdvertisingType.Infomation_Offering)

{

}

}

return r;

}

#endregion

3.编写客户端代码:

<script type="text/javascript">

var docEle = function()

{

return document.getElementById(arguments[0]) || false;

}

function openNewDiv(_id,detail)

{

//获得参数

var items=detail.toString().split("&");

var m = "mask";

if (docEle(_id)) document.body.removeChild(docEle(_id));

if (docEle(m)) document.body.removeChild(docEle(m));

//mask遮罩层

var newMask = document.createElement("div");

newMask.id = m;

newMask.style.position = "absolute";

newMask.style.zIndex = "1";

_scrollWidth = Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);

_scrollHeight = Math.max(window.screen.availHeight,document.documentElement.scrollHeight);

newMask.style.width = _scrollWidth + "px";

newMask.style.height = _scrollHeight + "px";

newMask.style.top = "0px";

newMask.style.left = "0px";

newMask.style.background = "#999999";

newMask.style.filter = "alpha(opacity=40)";

newMask.style.opacity = "0.40";

document.body.appendChild(newMask);

//新弹出层

var newDiv = document.createElement("div");

newDiv.id = _id;

newDiv.style.position = "absolute";

newDiv.style.zIndex = "9999";

newDiv.className="";

newDivWidth = 562;

newDivHeight = 260;

newDiv.style.top = (document.body.scrollTop + document.body.clientHeight/2 - newDivHeight/2) + "px";

newDiv.style.left = (document.body.scrollLeft + document.body.clientWidth/2 - newDivWidth/2) + "px";

var detail="<div class='pay_layer'><h1>详细信息</h1><h6 class='mt10 yellow_Bg'><font class='red'>信息标题：</font>"+items[0]+"</h6><h6 class='mt10 yellow_Bg'><font class='red'>详细介绍：</font><h5 class='f14 fnormal'>"+items[1]+"</h5></h6><h2><input type='button' value='确 认' style='margin:0 0 0 0; width:60px;' onclick='newDiv.closeMask()'/></h2></div>";

newDiv.innerHTML = detail;

document.body.appendChild(newDiv);

//弹出层滚动居中

function newDivCenter()

{

newDiv.style.top = (document.body.scrollTop + document.body.clientHeight/2 - newDivHeight/2) + "px";

newDiv.style.left = (document.body.scrollLeft + document.body.clientWidth/2 - newDivWidth/2) + "px";

}

if(document.all)

{

window.attachEvent("onscroll",newDivCenter);

}

else

{

window.addEventListener('scroll',newDivCenter,false);

}

//关闭新图层和mask遮罩层

newDiv.closeMask = function()

{

if(document.all)

{

window.detachEvent("onscroll",newDivCenter);

}

else

{

window.removeEventListener('scroll',newDivCenter,false);

}

document.body.removeChild(docEle(_id));

document.body.removeChild(docEle(m));

return false;

}

newDiv.appendChild(newA);

}

function closeWin()

{

alert();

if(document.all)

{

window.detachEvent("onscroll",newDivCenter);

}

else

{

window.removeEventListener('scroll',newDivCenter,false);

}

document.body.removeChild(docEle('_id'));

document.body.removeChild(docEle('m'));

return false;

}

</script>

<script type="text/javascript" language="javascript">

//ajax显示详情

function getDetail(aid)

{

{

var param="method=getDetail&aid="+aid;

<%=Page.ClientScript.GetCallbackEventReference(this,"param", "setDetail", "")%>;

}

}

function setDetail(result,context)

{

openNewDiv('newDiv',result);

return false;

}

</script>