原文链接:https://blog.retechs.cn/945.html
在一些页面里面,我们经常会遇到一些相同部分,而且是大批量的,如果一个一个修改,太耗时间,那么我们怎么把这些公共起来,便于维护呢?
这是我通过AJAX的方法,来获取指定格,把一些公共的部分输出:
这里指定了头部和底部
//指定头部 $(函数(){ $就({ 键入:“搞定”, 网址: “../ JS / header.html中”, 数据类型: “HTML”, 异步:假的, 成功:功能(数据){ $( “标题”)附加(数据)。 } }); }) //指定底部 $(函数(){ $就({ 键入:“搞定”, 网址: “../ JS / footer.html” 数据类型: “HTML”, 异步:假的, 成功:功能(数据){ $( “页脚”)追加(数据)。 } }); })
但是上面的这个方法太冗余了,如果多个写的更多,那么我们可以合并一下代码:
$(函数(){ 函数getHtml(part){ $就({ 键入:“搞定”, url:“../ js /”+ part +“。html”, 数据类型: “HTML”, 异步:假的, 成功:功能(数据){ $(“。”+ part).append(data); } }) } getHtml( '报头'); //输出头部 getHtml( '页脚'); //输出底部 });
注:这里我们的AJAX是通过JQ写的,所以页面一定要引入JQ文件。