根据URL在iframe中加载特定来源

时间:2014-04-30 23:23:35

标签: javascript iframe

我是一名非常非常初学的编码人员。我认为我已接近实现某些目标,但却无法使其正常运作。

我们公司将我们的产品数据库加载到一个特定的程序中,该程序可由我们行业的客户搜索。在我弄清楚如何与他们提供的API相关联之前,我们的网站会通过iframe列出我们的所有产品。

我经常邀请客户向他们提供指向特定产品编号的直接链接。我宁愿不尝试创建一个单独的页面,其中iframe专门链接到那个产品,所以我一直在网上搜索如何完成所有这些。

我的网站是promo-central.com

我在promo-central.com/searchby.html

上建立了一个特殊的搜索页面

我希望通过某种方式能够以类似www.promo-central.com/searchby.html?SBP26

的形式向我的客户提供产品链接(例如SBP26)

那将告诉该页面上的iframe根据URL中的额外信息加载src。

以下是我目前的情况:

我想工作的链接:http://promo-central.com/searchby.html?itemnum=sbp26

在这种情况下应该调用以正确加载iframe的网址为http://www.promoplace.com/ws/ws.dll/StartSrch?DistID=36182&itemnum=sbp26

以下是页面上的代码:

<iframe height="100%" name="WE_Frame" id="WE_Frame" src="http://www.promoplace.com/ws/ws.dll?DistID=36182"></iframe>
<script>
(function() {
var frameBaseSRC = document.getElementById("WE_Frame").src;
var frameQueryString = document.location.href.split("itemnum=")[1];
 if (frameQueryString != undefined) {
  document.getElementById("WE_Frame").src = frameBaseSRC + "&itemnum=" + frameQueryString;
 }
})();
</script>

对我来说这看起来应该有效,但它对我不起作用。

我离开了吗?或者我只是遇到一些小问题?

我真的非常感谢您提供任何帮助或其他想法。

提前致谢!

1 个答案:

答案 0 :(得分:0)

你缺少&#34; StartSrch&#34;从您尝试将查询字符串附加到的基本iframe src。您的iframe只需要像这样更新:

&lt; iframe height =&#34; 100%&#34;命名=&#34; WE_Frame&#34; ID =&#34; WE_Frame&#34; SRC =&#34; HTTP://www.promoplace.com/ws/ws.dll/StartSrch DistID = 36182&#34;&GT;