基于jquery的文本框与autocomplete结合使用(asp.net+json)

JS脚本引用复制代码代码如下: <script src="/scripts/Jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"></script> 样式引用复制代码代码如下: <style type="text/css" media="all"> @import url("/scripts/Jquery.autocomplete/css/jquery.autocomplete.css"); </style> JS代码复制代码代码如下: ?$(document).ready(function () { $("#<%=_SearchKeyGame.ClientID %>").autocomplete("./AjaxHandle/AutoComplete.ashx?type=game", { minChars: 0, max: 9, width: 150, matchContains: true, autoFill: false, formatItem: function (row, i, max) { return row.name; }, formatMatch: function (row, i, max) { return row.name + " "; }, formatResult: function (row) { return row.name; } }); jQuery("#<%=_SearchKeyGame.ClientID %>").result(function (event, data, formatted) { if (data) { jQuery("#_SearchKeyGame").attr("value", data.name); } else { } }); $("#<%=_SearchKeyPlat.ClientID %>").autocomplete("./AjaxHandle/AutoComplete.ashx?type=plat", { minChars: 0, max: 9, width: 150, matchContains: true, autoFill: false, formatItem: function (row, i, max) { return row.name; }, formatMatch: function (row, i, max) { return row.name + " "; }, formatResult: function (row) { return row.name; } }); AutoComplete。ashx返回JOSON值复制代码代码如下: string queryStr = context.Request.QueryString["q"]; context.Response.ContentType = "text/plain"; context.Response.Cache.SetNoStore(); string jsponString = "["; string where = string.Format(" (select dbo.[f_GetPy](platname)) like '%{0}%' or platname like '%{0}%'", Common.Common.ToSql(queryStr)); DataTable dt = new Models.Plat().GetDataTable(where,10); if (dt.Rows.Count > 0) { for (int i = 0; i < dt.Rows.Count; i++) { jsponString += "{id:"" + dt.Rows[i]["PlatID"].ToString() + "",name:"" + dt.Rows[i]["PlatName"].ToString() + ""},"; } } jsponString = jsponString.Trim(new char[] { ',' }); jsponString += "]"; context.Response.Write(jsponString); context.Response.End();

　　推荐阅读

　　NodeJs中的非阻塞方法介绍

首先我们利用NodeJs先构建一个基本的服务器。 index.js 复制代码代码如下: var requestHandler = require("./requestHandler"); var server = require("./server"); var route = { "/hello": requestHandler.hell>>>详细阅读

本文标题：基于jquery的文本框与autocomplete结合使用(asp.net+json)

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

1/2 1