可嵌入的小部件使用JS滑块显示来自电子商店API的产品

Question

我需要开发一个可嵌入的小部件，它必须看起来像这样：

    <div id="my_widget" data-api_key="xxx" data-shop_id="xxx"></div>
    <script type="text/javascript" src="my_widget.js"></script>

API请求必须使用PHP实现。我必须通过身份data-shop_id向该商店展示另外三种销售产品。

我对PHP编码没问题，我的问题是如何实现my_widget.js以及如何将它与jQuery滑块集成。我如何在PHP中使用data-api_key和data-shop_id标签？

可以使用<iframe>或更好的纯JavaScript吗？

对不起，如果听起来有点混乱，我仍然想知道该怎么做。如果你知道一些关于如何使用PHP + JavaScript实现小部件的教程，我会很高兴。

Answer 1

我认为最简单的方法是使用iframe。

虽然您可以使用jQuery发布data-shop_id，然后将结果作为JSON接收并处理它们。

jQuery访问数据属性 - $（this）.data（“shop_id”）