最新文章
通過ajax輸出公共頭部和底部
網(wǎng)站建設(shè)對于企業(yè)來說是必不可少的宣傳方式,但是很多人對于網(wǎng)站建設(shè)有很多好奇,也有一些技術(shù)人員有一些不太懂的問題,今天,石家莊網(wǎng)站建設(shè)工程師就來給您詳細介紹以下內(nèi)容。
在一些頁面里面,我們經(jīng)常會遇到一些相同部分,而且是大批量的,如果一個一個修改,太耗時間,那么我們怎么把這些公共起來,便于維護呢?
這是我通過ajax的方法,來獲取指定div,把一些公共的部分輸出:
這里指定了頭部和底部
//指定頭部
$(function(){
$.ajax({
type:"get",
url:"../js/header.html",
dataType:"html",
async:false,
success:function(data){
$(".header").append(data);
}
});
})
//指定底部
$(function(){
$.ajax({
type:"get",
url:"../js/footer.html",
dataType:"html",
async:false,
success:function(data){
$(".footer").append(data);
}
});
})
但是上面的這個方法太冗余了,如果多個寫的更多,那么我們可以合并一下代碼:
$(function(){
function getHtml(part){
$.ajax({
type:"get",
url:"../js/"+ part +".html",
dataType:"html",
async:false,
success:function(data){
$("." + part).append(data);
}
})
}
getHtml('header');//輸出頭部
getHtml('footer');//輸出底部
});
注:這里我們的ajax是通過jq寫的,所以頁面一定要引入jq文件。
以上就是今天石家莊網(wǎng)站建設(shè)開發(fā)人員跟您分享的內(nèi)容,希望能對大家的網(wǎng)頁設(shè)計方面能有所幫助。如果您需要做網(wǎng)站,歡迎您來石家莊尚武科技咨詢,我們將竭誠為您服務(wù)!