Ajax 在用户控件中的应用（以Google Suggest为例）

事件触发：

 <input name="keyword" οnkeyup="LoadResults(this.value)" id="keyword" runat="server"/>

客户端主体：

//定义用户控件ID全局变量 var ClientID; function ShowDiv(divid) { //... } function HideDiv(divid) { //... } //页面加载时的处理 function BodyLoad() { HideDiv(ClientID + "searchresults"); var findtextbox = document.getElementById(ClientID + "keyword"); findtextbox.focus(); } function ClearResults() { //...（寻找元素时ID前均加 ClientID） } function LoadResults(searchterm) { //... // 前加一个ClientID作为参数 Anthem_InvokeControlMethod( "<%= ClientID %>", 'RetrieveRows', [searchterm], LoadResultsCallback); } function LoadResultsCallback(result) { //...（寻找元素时ID前均加 ClientID） } function ReplaceInput(tablecell) { //...（寻找元素时ID前均加 ClientID） }

服务器端主体：

protected void Page_Load(object sender, EventArgs e) { Anthem.Manager.Register(this); //注册Anthem } [Anthem.Method] // 声明为Anthem前端可感知的方法 public DataTable RetrieveRows(string searchterm) { //... } //重载页面OnInit事件 protected override void OnInit(EventArgs e) { base.OnInit(e); //获取ClientID值 string jcode = "<mce:script language="javascript" type="text/javascript"><!-- ClientID = '" + this.ClientID + "_" + "';BodyLoad(); // --></mce:script>"; //给客户端页面添加js代码，使前端得到ClientID变量值 Page.ClientScript.RegisterStartupScript(typeof(Page),"suggest_control", jcode); }