如何构建回调函数来返回html页面

Question

我们正在尝试构建一个嵌入式小部件，它将从另一个域调用。

我的小部件在我的本地作为网页正常工作。当我尝试从另一个页面调用它时出现问题。我们将另一个网站称为A。

当A添加我的脚本标记时，我想调用我的小部件并将其嵌入到A中。

这是如何调用我的小部件：

var widget = {
    initialize : function(containerId)
    {
        (function($) {
        var url = 'http://localhost:8002/widget.html';

        $.ajax({
           type: 'GET',
            url: url,
            async: false,
            jsonpCallback: 'jsonCallback',
            contentType: "application/json",
            dataType: 'jsonp',
            success: function(html) {
               console.log(html);
               $("#" + containerId).html(html);
            },
            error: function(e) {
               console.log(e.message);
            }
        });

        })(jQuery);
    }
}

问题是，在阅读了几十个教程后，我仍然无法理解回调函数应该如何工作。我不知道我是否可以通过一点点触摸实现这一点，或者我的方法是错误的。

可以通过电话返回整个html页面吗？我将非常感谢所有的建议。