将php文件加载到具有动态元素高度的跨域页面

Question

我正在尝试将我的一个web服务器上的脚本加载到具有另一个服务的托管网站上的页面中。目前，我正在使用iframe来实现此功能。我的问题是iframe不能根据php的输出动态扩展。

我得到的建议是尝试将php输出注入到div中，但我不认为我可以这样做。

我从example.net/scripts上的web服务器开始，将它加载到example.us上的一个页面中，因为它是一个托管服务(即enjin)，所以我对它的访问非常有限。

我需要的是一个解决方案，它将允许我从web服务器调用php脚本，并将其输出显示在页面上的一个元素中，该元素可以根据脚本的输出进行扩展。当它拉出php脚本时，它需要在CSS中为div (min- height，max-height)预定义的CSS参数中显示，但仅在脚本中返回的元素的高度显示。

为了进一步澄清，我使用php脚本为来自TwitchTV的API的json输出执行foreach循环。当foreach循环运行时，它为每个返回的结果构建一个元素结构，以根据需要显示它们。如果我有太多的返回，我最终会溢出iframe，如果我没有返回，它只返回一个字符串并显示它，但在这一点上，iframe的高度太高了。

任何人可以给我的例子或解决方案建议？

Answer 1

既然您可以使用AJAX，那么您的解决方案就是使用AJAX调用非锁定站点上的代码，然后返回包含内容的盒子。在锁定的站点上，处理该代码，然后将其粘贴到锁定的站点上的<div>中。当然，div可以像往常一样扩展以适应内容。

如果出于某种原因，你必须使用iframe，只需使用javascript收集盒子的高度(如果需要使用left: -9999px，你可以将盒子隐藏在左边)。使用该高度信息设置iframe的高度。所以你基本上加载了两次iframe的内容。一次是通过ajax获取高度，另一次是通过实际的iframe。

我真的看不出iframe是必要的--第一段中的过程应该工作得很好。