我正在使用 volusion 商店创建一个网站。我希望产品显示在产品页面上,为此我正在自定义代码。我已经创建了 volusion api,即标准导出,我只需要使用带有 ajax 的 api 获取产品详细信息到页面。那么我该如何实现呢?对于第一种类型,我创建了带有 .xml 扩展名的 api,例如 https:///dataport/dl/Generic/Products.xml 然后它显示数据,我也可以获取该数据,但对于第二种类型的 url,例如 http :///net/WebService.aspx?Login=&EncryptedPassword=&EDI_Name=Generic\Products&SELECT_Columns=p.ProductID,p.ProductName,pe.Photo_AltText,pe.Photo_SubText,pe.PhotoURL_Large,pe.PhotoURL_Small,pe.Price_SubText,pe。 Price_SubText_Short,pe.ProductPrice,pe.ProductPrice_Name 我无法使用 ajax 获取该数据。
下面我分享了我的代码,所以请查看它并帮助我解决这个问题,
<script>
$(document).ready(function(){
$.ajax({
type: "POST",
url: "http://<domainname.com>/net/WebService.aspx?Login=<username>&EncryptedPassword=<password>&EDI_Name=Generic\Products&SELECT_Columns=p.ProductID,p.ProductName,pe.Photo_AltText,pe.Photo_SubText,pe.PhotoURL_Large,pe.PhotoURL_Small,pe.Price_SubText,pe.Price_SubText_Short,pe.ProductPrice,pe.ProductPrice_Name",
dataType: "xml",
success: function(result) {
alert(result);
parseXml(data);
}
});
});
function parseXml(data) {
var id;
var code;
var name;
$(data).find('Products').each(function( ){
$(this).find("ProductCode").each(function() {
code = $(this).text();
});
$(this).find("ProductID").each(function(){
id = $(this).text();
});
$(this).find("ProductName").each(function(){
name = $(this).text();
});
$('.col-md-6').append(code +"<br />"+ id +"<br />"+ name);
});
}
</script>
<div id='getresult'>
Api code will refelect here
<div class="container">
<div class="row">
<div class="col-md-6"></div>
</div>
</div>
</div>