Question

我们目前正试图在电子商务软件Volusion中实现一个滑块。

我们希望能够动态移植多种产品，包括其名称，价格和图片，因为我们希望在价格发生变化时更改信息。

我在Volusion上帮助与几个Reps聊天，一个人告诉我使用CSV文件，由于每次产品更改时必须下载它，这对我们没有好处。我做了一些自己的挖掘，发现Volusion允许我们使用URL来获取一些XML信息。

如果有人能够帮助解析信息，以便我可以在滑块中设置它，我将不胜感激。我已经提供了以下代码。

谢谢！

网址示例：

http://www.companyname.com/net/WebService.aspx?Login=usr@companyname.com&EncryptedPassword=xxxx&EDI_Name=Generic \产品与安培; SELECT_Columns = p.ProductName，pe.ProductPrice

XML输出示例：

<xmldata>
    <Products>
        <ProductName>ABC Widget</ProductName>
        <ProductPrice>4445545</ProductPrice>
    </Products>
    <Products>
        <ProductName>XYZ Widget</ProductName>
        <ProductPrice>99494</ProductPrice>
    </Products>
</xmldata>

HTML：

<img class="arrow" src="vspfiles/templates/default/images/arrow-left.png">
<div class="product">
    <a href="#"><img src="vspfiles/templates/default/images/product-1.jpg"></a>
    <h4>Product Title and description</h4>
    <h5>$00.00</h5>
</div>
<div class="product">
    <a href="#"><img src="vspfiles/templates/default/images/product-1.jpg"></a>
    <h4>Product Title and description</h4>
    <h5>$00.00</h5>
</div>
<div class="product">
    <a href="#"><img src="vspfiles/templates/default/images/product-1.jpg"></a>
    <h4>Product Title and description</h4>
    <h5>$00.00</h5>
</div>
<div class="product">
    <a href="#"><img src="vspfiles/templates/default/images/product-1.jpg"></a>
    <h4>Product Title and description</h4>
    <h5>$00.00</h5>
</div>
<img class="arrow" src="vspfiles/templates/default/images/arrow-right.png">

使用Javascript：

$(document).ready(function(){

$.ajax({
    type: "GET",
    url: "Insert URL",
    dataType: "xml",
    success: function (xml) {

        $(xml).find('Products').each(function(){
            var $p = $(this);
            var pId =  $p.find('ProductId').text();

            var html = 'Testing: ' + pId + '<br />';

            $('#output').append($(html));
        });

        }
    });

});

从URL将XML解析为Slider - Volusion

0 个答案: