javascript - XML/XSL 和 Javascript 购物车

Question

我的大学作业是使用 HTML、XSL、XML 和 Javascript 创建购物车。我决定使用 XML/XSL 和 Javascript。

我已经设法获得一个表格来显示我的基本结构的 javascript 按钮。我的问题是，如何使用我的 javascript 函数中的 XML 数据。

我的代码可以在这里找到:

http://xsltransform.net/3Nqn5Yo/11

JavaScript 代码目前只是占位符，因为它不起作用。我想解决的是如何在 Javascript 函数“function AddtoCart(name,description,price)”中使用我的 XML 数据。

Answer 1

我刚刚在此处调整了您的代码:http://xsltransform.net/3Nqn5Yo/12
如果您想在每个 AddToCart() 中直接拥有 XML 数据调用，调整如下: 更改上一个

<button type="button" onclick="AddtoCart('$Product','$Description','$price')">

进入

<button type="button" onclick="AddtoCart('{Product}','{Description}','{price}')">
     Add one to cart
</button>

使用 {}在转换时评估变量。

示例结果:

<button type="button" onclick="AddtoCart('Belts (F)','Woven Finish Fashion Belt','£21.99')">
    Add one to cart
</button>

额外的细节——因为我注意到转换后的脚本不会因为这个表达式而工作

while (orderedProductsTblBody.rows.length & gt;  

这可以通过将脚本部分编写为 <xsl:text> 来处理并使用 disable-output-escaping="yes"像这样:

<xsl:text disable-output-escaping="yes">
   &lt;script&gt;
   ... // rest of code stays the same as before
   &lt;script&gt;
</xsl:text>

结果

<script>
...
while(orderedProductsTblBody.rows.length > 0     
...
</script>

保存此调整 here