Ajax特效 根據郵政編碼獲取地區資訊 之一

2021-05-10 14:44:00 字數 905 閱讀 4858

要實現自動獲取地區資訊,主要考慮

3個問題:郵編正確性保證,觸發自動獲取的時機,返回資訊的格式。

1

.利用onkeypress

事件進行檢查輸入的字元

郵編均由數字組成,為了保證使用者不輸入數字以外的內容,可以利用

onkeypress

事件進行檢查。當使用者在郵編文字框中輸入字元時,觸發該事件。通過在觸發函式中呼叫

event.keycode

屬性判斷按鍵

keycode

的值是否處於

48~57

之間(對應數字

0~9)。如果在範圍之外,則說明輸入的不是數字,通過設定

event.returnvalue = false

使本次按鍵事件失效。這樣就可以保證使用者輸入的字元均為數字。

2

.使用者將焦點移出郵編文字框時自動獲取地區資訊

當使用者將郵編輸入完畢後,會將焦點移出郵編所在文字框,此時可通過

onblur

事件觸發

getpostalcode

函式以獲取地區資訊。在向伺服器傳送請求之前,先判斷使用者輸入的郵編是否是

6位數字。如果數字位數不正確,則不需要向伺服器發出請求。

3

.將地區和城市資訊作為乙個字串返回給客戶端

4位即可判斷出地區和城市的資訊,所以在伺服器端可以先使用全部

6位編碼進行查詢。找到資訊後可直接返回,如果沒有找到,可取前

4位後補「

00」繼續查詢。查詢結束後,返回的資訊利用「

|」作為地區和城市的分隔符,在客戶端使用

split(「|

」)

Ajax特效 動態樹形列表 之二

在基本原理的介紹中,了解到通過在父節點內動態建立子節點,並利用樣式表縮排完成樹形列表的基本框架。除了這一點外,還有下面一些問題需要考慮。1 將父節點所有的子節點放入乙個容器中 基本原理頁面中僅包含了建立子節點的功能,不可以將建立好的節點再進行關閉操作。實際應用中選單總是包含開啟和關閉兩種操作。為了方...

特效 ListBox資料載入特效

應用程式在載入資料的時候,總是死死的瞬間顯示,會不會覺得乏味呢?一般顯示列表資料使用的listbox控制項 這裡我寫了乙個listbox的資料載入效果,請大家圍觀 順便扯蛋一句,silverlight的中實現此效果方法類似 好了廢話不多說,上 逐個載入資料 private int i 0 priva...

Ajax彈出式無重新整理城市選擇特效

很棒的全國城市選擇效果,新增城市時先新增組 找到id是 selectsub 中select標籤下,新增option標籤,value屬性遞增,找到id是 selectsub 按照原有格式新增div,其id屬性遞增 然後新增二級副選框選項 複製id是 selectsub 下任意input標籤,貼上在需要...