網頁中的ajax應用
傳統的MVC架構
Model view controller 網頁是試圖,控制器是數據流
AJAX中的MVC架構,MVC開發主要包括的內容下面將介紹
AJAX中view 表示層的主要作用,主要是視圖的開發。一是在html裏面,描述Html的一個佈局,用到的css樣式。另一個css主要要設計出如何的一個顯示。
表示層主要做的2個事情,一個是控件的顯示,一個是控件與事件的綁定。事件需要到linstener裏面進行註冊。這個知識點其實是滿通用的一個設計思路。不論是在windows操作系統是這種機制,各種service都需要註冊,各種dll庫也需要註冊,否則在程序進行調用的時候是不能響應的。同時在我學習oracle中也是這樣一個思想,各種事件和程序需要到lisnetr中進行註冊。
在一個AJAX項目中,通常需要寫的幾個文件是 html 文件,上面有一些少量的標籤,但不涉及具體的佈局,一般用div來搞定,但要註明每個標籤的classname,方便css顯示。那麼另外一文件就是css文件,裏面包含了對html裏面標籤的修飾。 還有就是js文件。通過dom對象,完成與html標籤的通信。
AJAX中controller
DOM對象的內建處理函數列表
Onmouseover 鼠標第一次經過控件區域
Onmouseout 鼠標第一次離開控件區域
Oumousemove鼠標在空間區域內移動
Onclick 鼠標單擊
Onkeypress 當控件獲取輸入焦點時的按鍵事件
Onfocus 獲取焦點
Onblur 失去焦點
AJAX的modal
把數據庫的表用對象的方式組織起來 這就是Model類 ,主要是對數據的聯合。
網頁中的AJAX應用 下
MVC應用的一個總結:
Modal實體 在AJAX中用來船載的具體部分,建立xmlhttpreuqest對象。
V是視圖,是用htlml+css+javascript 網頁上有什麼內容只需要用html來表示,但不需要用Html來定位,不需要table 而是用css來定位和定義。如果真的需要某些定位,用javascript來定位。有些元素的繪製yo那個jacasdad
C是控制器。先是用DOM來定位屬性,用JavaScrip把他封裝起來。然後用listener註冊。