jquery加载页面模板并加载模板的数据

场景：

页面有A这样一个元素，当点击A时页面加载B元素，并且B元素上包含一些表单元素，怎么样在加载B元素的时候也加载对应的数据？

---

B元素弄一个专门的“组件”有独立的url输出的是数据渲染后的html代码，然后A元素load B元素的url即可

---

$('.A').on('click',function(e){
      $('.content').load('b.html')
})

B里面写一段ajax

var data = $('.content').data('id');
$.ajax({
    data:data,
    url:'xx.php',
}).done(function(){
    //渲染数据
})

---

事先渲染好数据或ajax请求数据