如何實現無重新整理的DropdownList聯動效果

2021-06-26 20:56:31 字數 873 閱讀 8329

<

r>

上面的頁面中有兩個dropdownlist和一段js指令碼,該指令碼可以直接寫在頁面也可以寫在後台在regeist到頁面上(後者更靈活一些)該頁的後台**如下所示,在page_load裡面寫如下的**:

if(!this.ispostback)

在上面的**中我們做了兩件事情:1、幫定其中乙個dropdownlist(你也可以同時繫結兩個)。2、指定該控制項的客戶端指令碼。下面我們詳細介紹一下上面的js**,首先得到頁面上要聯動的dorpdownlist物件,將他的options清空,再建立兩個客戶端物件ohttpreq和odoc物件,其中乙個負責傳送請求另乙個負責得到響應結果,我們將使用者選擇的state傳送到名為webform6.aspx的頁面,該頁面將處理這個請求並返回乙個響應,該響應的結果是乙個xml檔案,稍候介紹webform6.aspx裡面的**。我們將返回的結果使用loadxml方法load到odoc物件裡面,然後就可以使用selectnodes方法得到所有的city節點,接著迴圈這些節點在客戶端建立option物件,最後將這些option物件add到dropdwonlist2裡面去。

下面我們看看webfowm6.aspx都做了些什麼事情,該頁面的html頁面是乙個除了包括<@page>指令意外什麼都沒有的頁面,後台的page_load**如下:

private void page_load(object sender, system.eventargs e)

該方法得到使用者選擇的state通過查詢以後得到乙個dataset物件,使用該物件的writexml方法直接將內容寫到response.outputstream裡面然後傳遞到客戶端,客戶端的load方法通過result =ohttpreq.responsetext;句話得到乙個xml字串,最後解析此串。

**:我要原始碼網

AJAX如何實現無重新整理登入功能

最近學習了如何實現無重新整理登入,大體的效果如下 介面比較醜,請自行忽略.點選登入按鈕時彈出登入視窗,輸入正確的使用者名稱密碼後點選登入則登入視窗關閉,狀態改為當前使用者名稱.第一步 首先彈出視窗使用的是jquery ui中的控制項,第一步要學會如何使用.開啟解壓後的jquery ui下的devel...

ajax php實現無重新整理註冊

主要的 資料庫create table lw users 鏈結表 result mysql db query lw dbname query 執行結果 row mysql num rows result 行數 if row 0 day date h.m.d query insert into lw ...

無重新整理實現頁面跳轉

利用微軟的 ajax 控制項,實現無重新整理的頁面跳轉。要實現整個頁面跳轉,大家用的最多可能是利用框架,我要的是的 web使用者控制項。將乙個 placeholder 放在updatepanel 中,作為更新的內容。有乙個選單控制項切換介面。並將會傳事件定義為選單控制項的單擊事件 page1 pag...