js/jquery 异步内容覆盖页面

Question

我遇到了以下问题，也许有人可以给我一些建议或解决方法。我有以下问题：

我的主页的合作伙伴向我提供了我应该在主页上使用的代码，该代码将一些我真正想要的内容写入我的主页。

很遗憾，此内容仅与居住在特定地区的人相关。 所以我正在使用 ip-api 的服务，它返回当前用户所在的区域并让我使用它。这是通过 jsonp ajax 调用完成的。 如果此人在正确的区域，则应执行代码，如果不在，则不应执行。

问题是要执行的代码包含一个document.write。因此，如果我在 ip-api 回调中调用该代码，则文档已全部加载，并且 document.write 将覆盖我的页面。

所以最大的问题是：有没有办法像 PHP 的输出缓冲区一样将 document.write 输出捕获到变量中？或者也许是某种方式来覆盖 iframe 的内容而不是整个页面？任何阻止 document.write 覆盖页面并将其输出重定向到我的页面的一部分就足够了。

感谢您的宝贵时间 :)

PS：这是我正在谈论的代码：

        $.ajax({
            url: "http://ip-api.com/json/",
            dataType: "jsonp",
            success: function( response ) {
                if(
                        response["city"]=="Hamburg" ||
                        response["region"]=="SH" ||
                        response["region"]=="NW"

                ){
                    document.write("Some Content here");
                }
            }
        });

Answer 1

替换

document.write("Some Content here");

与

$('#my-container').html('Some content here');