一个问题的解决过程。

一个问题的解决过程。

要求：

在页面上有一个按钮<input id="btnAssure" runat="server" value="Assure">

点击它的时候触发 onclick[ShowBalanceAgain()]和onserverclick 2个click事件。

onserverclick的工作是修改页面一个隐藏层div的内容。

onclick的工作是createElement一个div. div里引用了隐藏层的内容。

问题：

click的时候页面不弹出

探索

1：为什么click页面不弹出

既然click 时，页面不弹出有2中原因，一种是没有执行onclick 的ShowBalanceAgain.

令一种执行了，但页面post刷新了。

我查看了一下源代码

ShowBalanceAgain(); __doPostBack('ctl00$ContentPlaceHolder1$btnAssure','')

可见浏览器click要先于serverclick执行.所以原因应该是后者。

2: 能不能有一种机制让serverclick先执行、onclick后执行呢？

为了让serverclick限制性，我使用了这种机制。

当 page_load的时候

this.btnAssure.Attributes.Add("onclick", "ShowBalanceAgain();return;");

先return，这样就不会执行__doPostBack

然后自己写js方法

function useRasin()

{

__doPostBack("<%=btnAssure.ClientID%>");

}

调用时顺序

useRasin(),ShowBalanceAgain();

感觉这样很好，可是运行后才知道自己愚蠢至极。

只要post，也就是__doPostBack。弹出的div 都会消失。不管你是先、是后！

3:我该如何是好？

既然post后，弹出的div就会消失。那我就不post。如果不post。如何实现刚开始我提出的要求呢。

好了，我想到了ajax。

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

var xmlHttp;

function createXmlHttp()

{

//IE browser

if(window.ActiveXObject)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

else if(window.XMLHttpRequest)

{

xmlHttp=new XMLHttpRequest();

}

}

function refreshModelList()

{

var url="ajax.aspx?ts="+new Date().getTime();

createXmlHttp();

xmlHttp.onreadystatechange=handleStateChange;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

// alert("refreshModelList");

}

function handleStateChange()

{

if(xmlHttp.readyState == 4)

{

if(xmlHttp.status == 200)

{

updateModelsList();

}

}

}

function updateModelsList()

{

document.getElementById("<%=lblOrderAmount.ClientID %>").innerText=xmlHttp.responseText.split(",")[0];

}

function ShowBalanceAgain()

{

//Div3

//debugger

//ajax called

refreshModelList();

CancelOper(2);

//alert(document.getElementById("lblMessage").innerText);

createWindow('结算中心', 340,100, '#ffffff', 3, 0, 0, 0);

makeCenter(3);

//useRasin();

return false;

}

</script>

我用了ajax，窗口是弹出来了，但不是serverclick修改后的内容。

我明明document.getElementById("<%=lblOrderAmount.ClientID %>").innerText=xmlHttp.responseText.split(",")[0];

做了这个操作。为什么不会修改呢？

4: ajax为什么不成功

百思之后，才知道自己用了异步ajax[asynchronism].读取的内容有一定的滞后性[特别是耗时很长时，滞后性更大。]

如果改用同步就可以实现刚开始的要求。但一定程度上失去了ajax的意义。

5： 除了ajax还有别的方法吗？

俗话说条条道路通罗马，有偷懒的方法，但从逻辑上不一定正确。

6： 如何做呢？

我在页面上弄一个隐藏域 ，它有runat="server"的属性

<input type="hidden" id="hidOperate" name="hidOperate" value="0" runat="server" />

当serverclick的时候我设置隐藏域为1

//this operating is to show balance's window,please don't remove it !

this.hidOperate.Value = "1";

在页面上加上

<script language="javascript">

if(document.readyState=="complete")

{

//弹出窗口

}

else

{

document.onreadystatechange=function(){

if(document.readyState=="complete")

{

//弹出窗口

}}

}

</script>

note:用readystate是为了防止页面DOM树的结构发生紊乱

7:好了，写完了，大家拍砖吧。