这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
文本框输入时 实现自动提示(像百度、google 一样), 需要的朋友可以参考下
只要有三个文件:
一个 js 插件 autocomplete.js 和 autocomplete.CSS 两个文件,这是 jquery 官方网站提供的插件;
他们的下载地址:
http://jqueryui.com/demos/autocomplete/一个是一般处理程序 ;
一个是 apsx 页面,看下面的代码吧;
前台:
- <script type="text/javascript">
- $(document).ready(function() {
- ShowUserList($("#TextBox1"), "LoginTest.ashx");
- //TextBox1为文本框的ID,loginTest.ashx为请求的一般处理程序。
- function ShowUserList(obj, url) {
- $.getJSON(url,
- function(msg) {
- var names = new Array();
- msg = msg.Table;
- var names = new Array();
- for (var i = 0; i < msg.length; i++) {
- names.push(msg[i].loginName);
- }
- obj.focus().autocomplete(names);
- });
- }
- });
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- 用户名:
- <asp:TextBox ID="TextBox1" runat="server">
- </asp:TextBox>
- <asp:Button ID="Button1" runat="server" Text="登录" />
- </div>
- </form>
- </body>
后台是一般处理程序:
- public class LoginTest: IHttpHandler {
- string str;
- public void ProcessRequest(HttpContext context) {
- getUserName();
- context.Response.Write(str);
- }
- public bool IsReusable {
- get {
- return false;
- }
- }
- private void getUserName() {
- DataSet ds = SqlHelper.BuildDataSet("select * from login", CommandType.Text);
- str = ConvertJson.ToJson(ds);
- }
- }
运行结果:
来源: http://www.phperz.com/article/17/0722/282016.html