尚武科技——负责任的企业公民

电话

电话咨询

pHONE CONSulTING

0311-83796180

QQ

在线咨询

ONliNE CONSulTING
百度商桥
科技以人为本
尚武旗下网站
尚武科技
搜索图标
Sitemap | Mail | 合作答疑 | 招贤纳士
网站公告

尚武科技春节放假公告    2024-02-03

尚武科技服务热线:0311-
 83796180
   
我们是谁  |  企业文化  |  新闻动态  |  加入我们  |  行业知识
通过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文件。

  以上就是今天石家庄网站建设开发人员跟您分享的内容,希望能对大家的网页设计方面能有所帮助。如果您需要做网站,欢迎您来石家庄尚武科技咨询,我们将竭诚为您服务!




上一篇:企业为什么要建网站             下一篇:模板网站建设的优势有哪些呢?

标签:
尚武科技
推荐阅读
睿亿网络用心服务的团队,竭诚为您服务 客服不能及时回复您,您可点击QQ进行交谈
欲了解业务详情,请拨打咨询热线:
值班电话:15512183667
在线服务: 尚武科技售前专员   
合作答疑 |  企业邮箱 |  关于我们 |  联系我们 |  版权声明 |  会员中心 |  友情链接 |  免责声明
Copyright © 2008-2019 尚武科技 保留所有权利 >冀ICP备07012169号    Copyright © 2008 www.sw-tech.cn, Inc. All rights reserved