AJAX實現百度谷歌搜尋自動填充

2021-06-03 11:09:33 字數 1007 閱讀 3756

1.    乙個文字框,用來輸入資料

3.    乙個用於獲取資料庫資料的檔案 ,這個檔案的型別沒有限制,可以是webservice(.asmx)和wcf(.svc)和一般處理程式(.ashx)檔案,或者普通的c#類檔案和文字檔案也可以。我們在例子當中使用的是webservice

下面我們開始這個例子的製作過程:

一、建立部門的資料庫,並在部門表(tdepartment)中新增資料

二、在aspx頁面中新增控制項(textbox、scriptmanager、autocompleteextender)並設定控制項的屬性,html**如下所示:

autocompleteextender控制項的屬性:

1.targetcontrolid:指定將被輔助完成自動輸入的控制項id,這裡的控制項只能是textbox;

2.servicepath:指出提供服務的web服務路徑,若不指出則servicemethod表示本頁面對應的方法名;

3.servicemethod:指出提供服務的方法名;

4.minimumprefixlength:指出開始提供提示服務時,textbox控制項應有的最小字元數,預設為3;

5.completionsetcount:顯示的條數,預設為10;

6.enablecaching:是否在客戶端快取資料,預設為true;

7.completioninterval:從伺服器讀取資料的時間間隔,預設為1000,單位:毫秒。

三、webservice1.asmx檔案中函式getdeptname的新增:

[webmethod]

public static string getdeptname(stringprefixtext)

returnsuggestions.toarray();

}catch(system.exception ex)

}

到此為止我們的工作都已經完成了,效果拭目以待,大家試試看吧!

百度增強搜尋

1 intitle搜尋範圍限定在網頁標題 網頁標題通常是對網頁內容提綱挈領式的歸納。把查詢內容範圍限定在網頁標題中,有時能獲得良好的效果。語法結構 內容 空格intitle 你要查詢的資訊 此資訊會被限定在網頁標題內 例如 web學習 intitle 安全 2 site搜尋範圍限定在特定站點中 您如...

百度增強搜尋

1 intitle搜尋範圍限定在網頁標題 網頁標題通常是對網頁內容提綱挈領式的歸納。把查詢內容範圍限定在網頁標題中,有時能獲得良好的效果。語法結構 內容 空格intitle 你要查詢的資訊 此資訊會被限定在網頁標題內 例如 web學習 intitle 安全 2 site搜尋範圍限定在特定站點中 您如...

使用Ajax模仿百度搜尋框的自動提示功能例項

啊啊,熬夜了。今天學習了ajax給我的感覺就是,哇塞 ajax好酷炫哦,額。後端狗,接觸程式設計客棧到了大前端的魅力了 這麼晚了還是直奔主題把。let s go 搜尋提示框,我想大家都很熟悉了把,是什麼樣子我也就不再贅述。直接看 來我們寫乙個簡陋的jsp頁面 look 是這個樣子的 下面是 程式設計...