jQuery将内容.phtml加载到特定的<div>（Magento 2）

Question

必须通过脚本内容.phtml > in div加载。

$(document).ready(function(){
$("button").click(function(){
    $("#div1").load("demo_test.txt");
});});

我创建了testinfo.phtml（外部内容文件） 并创建testcms.phtml，输入代码：

<?php $TestInfo = $this->getLayout()->createBlock("Magento\Framework\View\Element\Template")->setTemplate("Magento_Cms::testinfo.phtml")->toHtml();?>

<div id="div1"></div>
<button class="testinfo">Get External Content</button>
<script type="text/x-magento-init">
{
    "*": {
        "Magento_Cms/js/testinfo": {
            "testinfo": "<?php echo $TestInfo; ?>"
        }
    }
}

创建文件testinfo.js并输入代码：

define(["jquery"], function($) {
    "use strict";
    $(document).ready(function() {
        $('.testinfo').click(function() {
            $("#div1").load( ? ? ? ? ? ? )
        });
    });
});

在load()需要放置网址或数据。 URL字符串不起作用。什么需要插入Data，我无法理解。我需要你的建议。