ajax動態載入html模組

2022-02-09 04:52:33 字數 437 閱讀 1866

在開發網頁的工作中,我們會經常遇到乙個事情,多個頁面的某乙個或某幾個部分是相同的,如何復用這些部分從而節省開發時間呢,在asp,jsp開發中就有引用模組的概念,現在我們來利用ajax實現模組引用,請看一段html**

假設這是公共的部分,很多頁面都會引用這部分

我們可以將公共部分用乙個在html中沒有的自定義標籤包裹起來,然後當頁面的文件載入完畢之後,遍歷自定義標籤,通過自定義標籤的位址屬性訪問對應的模組,並將自身替換,我們可以將html結構修改為如下

然後是js**,為了方便我直接使用了jquery庫

$(function () );

})(tpl);

}});

這裡使用了閉包來保護變數,關於閉包的知識在園內有很多講解,在此就不做贅述。 

ajax載入html檔案

受到單頁面應用的觸發,想著傳統的jquery能不能實現這樣乙個應用,然後在ajax這裡發現了新大陸 請原諒我的無知 分析 載入乙個html的話是可以分為載入其中某個塊 div 和載入整個頁面,而不管載入其中任何一種都是需要本頁面的乙個塊 div 來進行載入展示。載入的方法可以是 ajax 方法也可以...

Ajax動態滾動載入資料

核心 更新 window scroll function 首先,準備乙個分頁的儲存過程 create procedure proctest pagesize int,pagenumber int as select from select row number over order by useri...

Ajax動態滾動載入資料

更新核心滾動 window scroll function 首先,準備乙個分頁的儲存過程 create procedure proctest pagesize int,pagenumber intas select from select row number over order by useri...