javascript-JS动态加载页面问题

我是初级，我现在做的是，学生登录后，可以看到学校里最近的活动（开始时间，地点，参加人数），他可以选择参加，活动人满了就参加不了，就是这么简单。
问题是：我现在后端是PHP，前端是js动态的，我不知道从数据库提出来再传回js应该用什么数据格式比较方便（简单易学，追求效率不考虑性能），然后用什么方法把元素插入到页面里（DOM方便吗易排版吗）?

现在是我刚做的前端页面

回复内容：

我是初级，我现在做的是，学生登录后，可以看到学校里最近的活动（开始时间，地点，参加人数），他可以选择参加，活动人满了就参加不了，就是这么简单。
问题是：我现在后端是PHP，前端是js动态的，我不知道从数据库提出来再传回js应该用什么数据格式比较方便（简单易学，追求效率不考虑性能），然后用什么方法把元素插入到页面里（DOM方便吗易排版吗）?

现在是我刚做的前端页面

json 最方便啊，