关于前端:动吧日志模块分析

当点击首页左侧的 ” 日志治理 ” 菜单时, 其总体时序剖析如图

 点击 "日志治理" 
会触发一个函数把 log_list 页面异步加载到 starter 页面，log_list 页面会主动触发函数把 page 页面异步加载到页面

1，点击 ” 日志治理 ” 函数

 在 starter 页面中增加函数
function doLoadUI(id,url){$(id).click(()=>{$("#mainContentId").load(url);
})}
$(()=>{doLoadUI("#load-log-id","log/log_list");
})
  2. 在 log_list 页面增加函数
    $(function(){$("#pageId").load("doPageUI");
})

解析:

 申明 doLoadUI 函数，传入的 id 注册 click 事件:
申明一个匿名自调用箭头函数
在 id 为 mainContentId 的外部异步加载 url(load 函数是 jqurey 封装的 ajax 函数)
2. 在 log_list 页面增加自调用函数，在 id 为 pageId 的外部异步加载 doPageUI

日志治理列表数据出现