小试JQuery的AutoComplete插件

前台代码如下：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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>JQuery的自动完成功能</title> <script src="jquery.autocomplete/jquery-autocomplete/lib/jquery.js" type="text/javascript"></script> <script src="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.min.js" type="text/javascript"></script> <link href="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" /> <script src="jquery.autocomplete/jquery-autocomplete/demo/localdata.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { raiseEvent(); }); //请求完成，被回调的函数 function rServer(arg, context) { eval(arg); $("#sugest").focus().autocomplete(data); } //向服务器端发起数据处理请求 function raiseEvent(arg, context) { <%=ClientScript.GetCallbackEventReference(this,"arg","rServer","context") %>; } </script> </head> <body> <form id="form1" runat="server"> <div> <input type="text" name="text" id="sugest" style="width:200px" /> </div> </form> </body> </html> 然后就是后台代码，当然了，这里只是模拟数据：复制代码代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; public partial class _Default : System.Web.UI.Page,ICallbackEventHandler { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { } } private StringBuilder GenStr() { StringBuilder sbStr = new StringBuilder(); sbStr.Append("var data = "); sbStr.Append("["); sbStr.Append(""Aback","); sbStr.Append(""back","); sbStr.Append(""cback","); sbStr.Append(""english","); sbStr.Append(""confidence","); sbStr.Append(""diligent","); sbStr.Append(""honor","); sbStr.Append(""delicious""); sbStr.Append("];"); return sbStr; } public string GetCallbackResult() { return GenStr().ToString(); } public void RaiseCallbackEvent(string eventArgument) { } }

　　推荐阅读

　　HTML5附件拖拽上传drop & google.gears实现代码

腾讯微博也已近实现了拖拽上传。其实很简单。由于没有服务器支持在文章里不能做上传演示，下载实例拖拽上传需要什么支持 1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象); 2:XMLHttpRequest 对象有 sen>>>详细阅读

本文标题：小试JQuery的AutoComplete插件

地址：http://www.17bianji.com/kaifa2/JS/24614.html

1/2 1