Question

我正在尝试下面的演示解决方案

$("#loadExtPage01").html(<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US" />);

它正在工作而不是对象数据，当我尝试使用我自己的外部文件url它不工作（加载）？

即：

$("#loadExtPage01").html(<object data="http://gmovdevk2pocapp:81/Runtime/Runtime/Form/MarketingServiceTicketCreateEditForm?FarmId=1&ServiceTicketTaskId=21&ServiceTicketId=7&ServiceTypeId=2" />);

任何想法/解决方案？

Answer 1

只需要将代码包装在一个字符串中：）

$("#loadExtPage01").html("<object data='https://system.netsuite.com/pages/customerlogin.jsp?country=US'/>");

该方法需要一个字符串，你所做的实际上是无效的，因为你正在编写javascript而不是html：D

如果你需要它，你可以添加一些这样的后备html：

$("#loadExtPage01").html("<object data='URL'>could not load</object>")

Example

如果无法获取资源，则会显示object标记内的任何内容。

您也可以使用iframe，这可能是更合适的解决方案：

<iframe src="https://system.netsuite.com/pages/customerlogin.jsp?country=US"></iframe>

把它放在你的html中，在这种情况下不需要javascript。如果没有找到，您将获得浏览器的原生分辨率错误，我使用您的localhost网址自行尝试：

http://jsfiddle.net/m69nR/

Answer 2

同样重要的是你允许iframing。

当安全性设置如下时，

apache将阻止iframing：

 Header append X-FRAME-OPTIONS DENY

改为使用：

X-Frame-Options: SAMEORIGIN

jquery .html通过对象数据加载外部文件不起作用

2 个答案: