通过ajax输出公共头部和底部

网站建设对于企业来说是必不可少的宣传方式，但是很多人对于网站建设有很多好奇，也有一些技术人员有一些不太懂的问题，今天，成都网站建设工程师就来给您详细介绍以下内容。

在一些页面里面，我们经常会遇到一些相同部分，而且是大批量的，如果一个一个修改，太耗时间，那么我们怎么把这些公共起来，便于维护呢?

这是我通过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文件。

以上就是今天成都网站建设开发人员跟您分享的内容，希望能对大家的网页设计方面能有所帮助。如果您需要做网站，欢迎您来成都创新互联咨询，我们将竭诚为您服务!

文章名称：通过ajax输出公共头部和底部
分享URL：https://www.cdcxhl.com/news12/325262.html

成都网站建设公司_创新互联，为您提供网站导航、网站策划、、App开发、App设计、电子商务

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联