ajax自學筆記(四)

 

網頁中的ajax應用

傳統的MVC架構

Model view controller 網頁是試圖,控制器是數據流

AJAX中的MVC架構,MVC開發主要包括的內容下面將介紹

AJAXview 表示層的主要作用,主要是視圖的開發。一是在html裏面,描述Html的一個佈局,用到的css樣式。另一個css主要要設計出如何的一個顯示。

表示層主要做的2個事情,一個是控件的顯示,一個是控件與事件的綁定。事件需要到linstener裏面進行註冊。這個知識點其實是滿通用的一個設計思路。不論是在windows操作系統是這種機制,各種service都需要註冊,各種dll庫也需要註冊,否則在程序進行調用的時候是不能響應的。同時在我學習oracle中也是這樣一個思想,各種事件和程序需要到lisnetr中進行註冊。

 

在一個AJAX項目中,通常需要寫的幾個文件是 html 文件,上面有一些少量的標籤,但不涉及具體的佈局,一般用div來搞定,但要註明每個標籤的classname,方便css顯示。那麼另外一文件就是css文件,裏面包含了對html裏面標籤的修飾。 還有就是js文件。通過dom對象,完成與html標籤的通信。

 

 

 

AJAXcontroller

DOM對象的內建處理函數列表

Onmouseover 鼠標第一次經過控件區域

Onmouseout 鼠標第一次離開控件區域

Oumousemove鼠標在空間區域內移動

Onclick 鼠標單擊

Onkeypress 當控件獲取輸入焦點時的按鍵事件

Onfocus 獲取焦點

Onblur 失去焦點

 

 

 

 

 

 

AJAXmodal

把數據庫的表用對象的方式組織起來 這就是Model ,主要是對數據的聯合。

 

 

 

網頁中的AJAX應用

MVC應用的一個總結:

Modal實體 AJAX中用來船載的具體部分,建立xmlhttpreuqest對象。

V是視圖,是用htlml+css+javascript 網頁上有什麼內容只需要用html來表示,但不需要用Html來定位,不需要table  而是用css來定位和定義。如果真的需要某些定位,用javascript來定位。有些元素的繪製yo那個jacasdad

C是控制器。先是用DOM來定位屬性,用JavaScrip把他封裝起來。然後用listener註冊。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章