在 jquery chrome 选项卡中加载 php 页面

问：

我正在尝试为我的 php 项目实现一个类似选项卡的界面。为此，我 https://github.com/adamschwartz/chrome-tabs/ 在下面添加了Jquery，它工作正常，但我没有找到任何方法在每个单独的选项卡中加载不同的php页面。我在下面的函数中添加了选项卡添加事件，将 url 作为参数传递。chrome tabs

function loadTab(url)
{
    el.addEventListener('activeTabChange', ({ detail }) => console.log('Active tab changed', detail.tabEl))
    el.addEventListener('tabAdd', ({ detail }) => console.log('Tab added', detail.tabEl))
    el.addEventListener('tabRemove', ({ detail }) => console.log('Tab removed', detail.tabEl))

    chromeTabs.addTab({
      title: url,
      favicon: false,
              data: {
                timeAdded: +new Date(),
              }
    })
}

Calling the function from click event is adding tab and taking the url as tab title.How can I load php page inside the tab like below or any other way. Pls suggest
$(elem).load("ajax/page_url.php");