前台页面如何多次调用后台方法

前台页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!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>无标题页</title><SCRIPT LANGUAGE="JavaScript">
function doQry()
{
    alert ("<%=GetInt()%>");
}
</SCRIPT>
</head>
<body>
    <form id="form1" >
    <div>
    整数值为<%=GetInt()%>
    </div>
    <input type="button" value="查 询" onClick="doQry()">
    </form>
</body>
</html>
页面对应的代码：
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;public partial class Default2 : System.Web.UI.Page
{
    public static int ab=0;
    protected void Page_Load(object sender, EventArgs e)
    {    }
    public string  GetInt()
    {
        
        ab += 10;
        
        return ab.ToString();
    }
}
现在想，当按下按钮时，这个代码：<div>
    整数值为<%=GetInt()%>
    </div>
就调用一次GetInt()方法；现在实验的结果是，当页加载时，会调用一次GetInt()方法，以后按下按钮，就不会再调用GetInt()方法了；如何实现当按下按钮时，就调用GetInt()方法，请指教，多谢；