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

最新推荐文章于 2021-02-24 11:01:50 发布

软践

最新推荐文章于 2021-02-24 11:01:50 发布

阅读量730

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax 文章标签： ajax google function string object input

本文链接：https://blog.youkuaiyun.com/homsky/article/details/5353562

Ajax 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个结合客户端和服务端实现的实时搜索功能。该功能通过在用户输入时触发事件，利用JavaScript进行客户端处理，并调用服务器端的方法来检索数据。文章详细展示了如何使用Anthem框架进行前后端交互，包括客户端脚本的编写、服务器端方法的声明及调用过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

事件触发：

客户端主体：

//定义用户控件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/"></mce:script>"; //给客户端页面添加js代码，使前端得到ClientID变量值 Page.ClientScript.RegisterStartupScript(typeof(Page),"suggest_control", jcode); }