从外部网页获取网址加载在一个div与jquery/javascript
问题描述:
我有一个网页,我们将其称为web1。这个网页有一个div,其中包含一个外部网页web2。 web2存储在我们的服务器上,所以我们完全控制它,web1也是如此。从外部网页获取网址加载在一个div与jquery/javascript
在web1的代码来创建将包含web2的股利是如下:
<div class="form-group">
<label class='control-label col-sm-1'>Design Report Searcher</label>
<div class="col-sm-11">
<div id="load-external"></div>
</div>
</div>
</div>
而jQuery函数加载web2的
$("#load-external").html('<object style="height:320px; width:100%;" data="https://external.my.company.com/" />');
WEB2其中包含存储在文件清单一台服务器。
用户将在web2中导航,一旦他找到他想要的文档,web1将需要URL来解析它。
是否有可能使用jQuery获取该网址?
答
HTTP是一个无状态协议,每个请求分开,你没有访问以前的状态,除非你保持这种信息
,您可以使用cookie来保存WEB1网址,并使用它,当你用做WEB2或者,如果可能通web1的网址URL WEB2通过URL查询,如:
web2.html?source=web1.html
在IFRAME
或打开web2的,你确实在这两个是。
答
经过一番研究,我使它成功了。
首先我改了一个。主要原因是我发现这question,帮助我了解iframe和对象标记之间的区别。
然后我用下面的代码来检索在iframe标签加载当前的URL,并在该会的形式进行发送到存储它一个文本显示它:
$('#report-textarea').val(document.getElementById('iframe-report').contentWindow.location.href);
了解这一点很重要我可以这样做,因为这两个网页都在同一个域中。出于安全原因,如果它位于不同的域中,则无法完成此操作。