被Ajax加载的页面中多级联动问题

问题:要用Ajax加载一个包含多级联动的页面，而这个多级联动页面中的第一个列表框必须在页面加载完成后从数据库读取初始化数据，并且读取操作又是一个Ajax操作，但是如何判断这个页面已经加载呢？或者是如何让在点开列表时就有初始化的数据呢？

首先想的是body 的onload的事件（被加载页面的的body）,但是经过试验，该方法不能使用，因为一个页面只能有一对body标签，父页面已经包含了body页面，此时会覆盖子页面的body(被加载的页面，因为该页面是去填充父页面的某个div标签内部的，所以加载完成后这俩个页面合成一个页面，当然不能出现俩对body标签了)。

然后想到用给第一个列表框添加onclick处理，但是问题来了，click列表框是可以加载初始化数据但是，列表框会选不中（因为每当选择一个option时都会触发onclick事件）。

最后发现添加onfocus事件可以成功的实现想要的结果，但这个方法的缺点是会，产生额外的数据连接时间（每次获得焦点都会触发该事件），但这是当前能想到的最好的实现方法了。

注:此博客的文章是作者学习笔记，限于作者水平有限，文章中难免有错误，如果要参考，请慎重！