Javascript 异步html导入仅用于页面重新加载

嘿，伙计们，我在网上找到的这个jQuery代码片段有问题。因为它只在我重新加载网站时加载内容，而不是在初始页面加载时加载内容

（函数（$）{
$（函数（）{
$（'[data async url]'）。每个（函数（）{
变量$this=$（this），
url=$this.data（'async-url'）；
$.ajax({
url:url，
数据类型：“html”，
键入：“get”，
成功：函数（html）{
$this.replaceWith（html）；
}
});
});
});
})（jQuery）；

非常感谢您的任何建议和/或想法/帮助。

请这样开始：

(function($) {
    $(function() {
        function async(){
            $('[data-async-url]').each(function() {
                var $this = $(this),
                    url = $this.data('async-url');
                $.ajax({
                    url: url,
                    dataType: 'html',
                    type: 'get',
                    success: function(html) {
                        $this.replaceWith(html);
                    }
                });
            });
        };
        $().ready(function () {
           async();
        });
    });
})(jQuery);

这样开始：

(function($) {
    $(function() {
        function async(){
            $('[data-async-url]').each(function() {
                var $this = $(this),
                    url = $this.data('async-url');
                $.ajax({
                    url: url,
                    dataType: 'html',
                    type: 'get',
                    success: function(html) {
                        $this.replaceWith(html);
                    }
                });
            });
        };
        $().ready(function () {
           async();
        });
    });
})(jQuery);

---

对于JS引擎来说，加载和重新加载没有什么不同，所以我不明白单凭这段代码怎么会造成差异。检查控制台是否有错误。代码看起来正常，什么类型的元素是

[data async url]

btw？它用于链接到外部html$this.data（'async-url'）；，它不应该是$this.data（'[data async url]'）？？？对于JS引擎来说，加载和重新加载没有什么不同，所以我不明白单凭这段代码怎么会造成差异。检查控制台是否有错误。代码看起来正常，什么类型的元素是

[data async url]

btw？它用于链接到外部html$this.data（'async-url'）；，它不应该是$this.data（'[data async url]'）？？？