很多时候,前端需要处理一个数据,并把数据加载到指定的位置,直接用ajax获取到数据传值到html中是最简单的方式,但是很多数据的时候不能每个都载入命名,用js传值,这个时候就需要用js实现html内容的拼接,然后把拼接的内容载入到html中,从而达到效果!

使用方法:'内容'+'内容'+'内容'...;

案例:

var html = '<div class="col-lg-3 col-md-4 col-xs-6 mb15"><a href="zsjz.html?id='+dataObj.schoolNum+'">'+
           '<img class="schoolimg" src='+dataObj.schoolImg+' alt="院校图片"></a>'+
            '<h3 class="schoolname">'+dataObj.schoolName+'</h3><p><a href="zsjz.html?id='+dataObj.schoolNum+'#yxjz" target="_blank">招生简章</a><a href="zsjz.html?id='+dataObj.schoolNum+'#yxzy" target="_blank">招生专业</a><a href="bm.html">网上报名</a></p>'+
            '<p class="yichu3">'+dataObj.schoolRem+'</p>';
$(".schbox").append(html);//将拼接的内容传入到html中

这样就完成了内容拼接!