JQuery和IHttpHandler實現自動提示功能（轉）

轉自：http://topic.csdn.net/u/20091214/16/0efa4feb-c26c-4544-b512-45fde803497d.html?76771

aspx代碼

<%@ 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>seach</title> <mce:script type="text/javascript" src="jquery.min.js" mce_src="jquery.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> UL { padding: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; LIST-STYLE-IMAGE: none; height: 52px; } LI { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px} .h_14 { BACKGROUND-IMAGE: url(text_search.jpg); TEXT-ALIGN: left; PADDING-BOTTOM: 1px; LINE-HEIGHT: 26px; MARGIN-TOP: 3px; PADDING-LEFT: 4px; WIDTH: 245px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; FLOAT: left; HEIGHT: 26px; MARGIN-LEFT: 3px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; MARGIN-RIGHT: 3px; PADDING-TOP: 2px} .h_15 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 240px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 20px; MARGIN-LEFT: 0px; FONT-SIZE: 14px; VERTICAL-ALIGN: middle; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 4px} .h_16 { WIDTH: 57px; FLOAT: left; HEIGHT: 32px; OVERFLOW: hidden; CURSOR: pointer} .sokeyup { Z-INDEX: 10000; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; BORDER-LEFT: #000000 1px solid; WIDTH: 245px; DISPLAY: none; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid} .sokeyup_1 { LINE-HEIGHT: 20px; PADDING-LEFT: 4px; WIDTH: 237px; PADDING-RIGHT: 4px; HEIGHT: 20px; CLEAR: both; OVERFLOW: hidden} .sokeyup_2 { LINE-HEIGHT: 20px; WIDTH: 140px; FLOAT: left; HEIGHT: 20px; COLOR: #4c4c4c} .sokeyup_3 { TEXT-ALIGN: right; LINE-HEIGHT: 20px; WIDTH: 97px; FLOAT: right; HEIGHT: 20px; COLOR: #008000} .sokeyup_4 { LINE-HEIGHT: 20px; WIDTH: 237px; HEIGHT: 20px } .sokeyup_5 { LINE-HEIGHT: 20px; FLOAT: right; HEIGHT: 20px; COLOR: #0000cc; CURSOR: pointer; TEXT-DECORATION: underline} </style> </head> <body> <form id="form1" runat="server"> <div οnclick="keyup_close();"> <ul> <li class="h_14"> <iframe style="display: none" mce_style="display: none" id="if_keyup" name="if_keyup"></iframe> <input id="kw" name="kw" class="h_15" οnkeyup="keyup(event)" autocomplete="off" /> <div style="display: none" mce_style="display: none" id="keyup_d" class="sokeyup"> </div> </li> <li class="h_16"> <input style="cursor: pointer" mce_style="cursor: pointer" οnclick="so_search();" src="searchbuttom.gif" mce_src="searchbuttom.gif" type="image" /> </li> </ul> </div> </form> </body> </html>

.ashx代碼

<%@ WebHandler Language="C#" Class="JsonHandler" %> using System; using System.Web; using System.Data.SqlClient; using System.Data; public class JsonHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; string Key = context.Request["kw"]; if (Key != null && Key != "") { SqlConnection con = new SqlConnection("server=local;database=TPMS;uid=sa;pwd=sa;"); con.Open(); string str = "select distinct username from tbl_users where username like @kw order by username"; SqlCommand com = new SqlCommand(str, con); com.Parameters.Add("@kw", SqlDbType.NVarChar).Value = "%" + Key + "%"; SqlDataReader sdr = com.ExecuteReader(); string htmlstr = ""; int i = 1; while (sdr.Read()) { string kword = sdr["username"].ToString(); //string a = sdr["num"].ToString(); htmlstr += "<ul class='sokeyup_1' οnmοuseοver='keyup_over(" + i + ")' οnmοuseοut='keyup_out(" + i + ")' οnclick='keyup_click(" + i + ")' id='u_" + i + "'>"; htmlstr += "<li class='sokeyup_2' id='l_" + i + "'>" + kword + "</li>"; htmlstr += "<li class='sokeyup_3'>" + i + " 結果</li></ul>"; i++; } context.Response.Write(htmlstr); context.Response.End(); sdr.Close(); con.Close(); } } public bool IsReusable { get { return false; } } }

ASP.Net處理Http Request時，使用Pipeline（管道）方式，由各個HttpModule對請求進行處理，然後到達 HttpHandler，HttpHandler處理完之後，仍經過Pipeline中各個HttpModule的處理，最後將HTML發送到客戶端瀏覽器中。

生命週期中涉及到幾個非常重要的對象：HttpHandler,HttpModule,IHttpHandlerFactory，他們的執行(順序)大致的執行過程是這樣的：client端發送頁面請求，被IIS的某個進程截獲，它根據申請的頁面後綴(.aspx)不同，調用不同的頁面處理程序(.asp->asp.dll; .aspx->ISAPI.dll).而頁面處理程序在處理過程中，則要經歷HttpModule,HttpHandler的處理：前者HttpModule用於頁面處理前和處理後的一些事件的處理，後者HttpHandler進行真正的頁面的處理。
如前所說，HttpModule會在頁面處理前和後對頁面進行處理，所以它不會影響真正的頁面請求。通常用在給每個頁面的頭部或者尾部添加一些信息（如版權聲明）等.曾經見過一些免費的空間，我們的頁面上傳上去後，瀏覽的時候發現，在每個頁面的頭部和尾部多了很多小廣告....,如果理解了 HttpModule的原理，要做這個就不是很難了~

JQuery和IHttpHandler實現自動提示功能（轉）

如何使用 JS 判斷用戶是否處於活躍狀態

Mono 支持LoongArch架構

lightdb秒級增加列和刪除列（not null帶默認值）

lightdb數據庫超時相關控制參數

通過HPA+CronHPA組合應對業務複雜彈性伸縮場景

❤️‍🔥 Solon Cloud Event 新的事務特性與應用

lightdb mysql 8.0兼容之不可見主鍵

使用 JS 實現在瀏覽器控制檯打印圖片 console.image()

基於Ubuntu-22.04安裝K8s-v1.28.2實驗（四）使用域名訪問網站應用

xmlHttpRequest 無刷新驗證用戶名

JQuery和IHttpHandler實現自動提示功能（轉）

C#生成隨機數或隨即字母

ExtJS系列資料

網站用戶登錄、註冊和修改密碼常用代碼，採用三層架構

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結