onclick 是如何与服务器端交互的

作者:vkvi 来源:ITPOW(原创) 日期:2007-6-5
<%@ Page Language="C#"%>
<%@ Page Language="C#"%>
<script runat="server">
    string str = "1";
   
    void Page_Load(object sender, EventArgs e)
    {
        str += "2";
    }
   
    void Test(object sender, EventArgs e)
    {
        str += "3";
        lb.Text = str;
    }
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Hello World</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Label ID="lb" runat="server"></asp:Label>
    <asp:Button Text="测试" ID="btn" onclick="Test" runat="server" />
    </div>
    </form>
</body>
</html>

上述代码,为什么在客户端点击按钮后就会按照服务器端的程序执行呢?客户端和服务器端是如何交互的呢?

获得客户端源代码如下:

<form name="form1" method="post" action="multiLang.aspx" id="form1">
  <div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTE2MjY5MTY1NQ9kFgICAw9kFgICAQ8PFgIeBFRleHQFAzEyM2RkZGnse1uLeoWDd4BqujuT0L0jsxuV" />
  </div>
  <div>
    <span id="lb">123</span>
    <input type="submit" name="btn" value="测试" id="btn" />
  </div>
  <div>
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKvq9P2DwKSoqqWD+tQ79+yzXiDrK+iWe8mJW0p/T8Y" />
  </div>
</form>

原来,点击按钮后是通过 form 提交来执行服务器端程序的,同理其它事件也是一样的,一点都不神秘。

那么在上述程序中,点击“测试”按钮后,是先执行 Page_Load 还是 Test 函数呢?

观察显示结果是“123”,所以是先执行 Page_Load 再执行 Test。这一点非常重要,在以后的编程中需要考虑到。

相关文章