Javascript Ajax本地内容使用jQuery在另一个页面上放置不同的对象

我在一个页面上有一系列的产品，里面有一个小产品，每个产品都有一个图片和标题，可以链接到更大的视图

我想做的是将较大的视图评级加载到.small产品布局中。以下是.small产品的html：

<div class="small-product">
<div class="photo"><img src="image/path>"</div>
<div class="lato" id="rating-stars"></div>
<div class="title"><a href="link">Title</a></div>  
<div class="price">£5</div> 
</div>

现在，我尝试并使用了一个单独的元素，但它只适用于一个元素：如果我使用.load'/href/path/to/large/view.product-large-reviews'

但我希望每个产品都能使用它们的链接从它们的大视图中获取它们自己的信息

我只收到服务器的404响应，说找不到它，我猜找不到它，因为网址看起来像是与要加载的类在一起的，例如www.site.com/path/to/large/view.product-large-reviews。我试着在两者之间留出一个空间，但它总是返回404

---

如果能得到一些帮助，我们将不胜感激

.load与html文档的URL一起使用。那么，你是否为每个产品都有一个名为product+的文档。小产品a-我假设没有人提供它，或者没有。我在过去4个小时里所做的这整件事在“制作”之后实际上只需要一个空间。产品大评论“没有”。产品大评论“现在只为第一个产品加载内容：-不要在其中添加类。阅读我的上一个回复-.loadURL

<div class="product-large-reviews" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue" itemscope itemtype="http://schema.org/ratingValue" class="rating">{module_ratingrank,/images/rating}</span>
<span itemprop="reviewCount" class="counter-ratings"></span>
</div>

$('.small-product').each(function() {
  var ratingContainer = $('#rating-stars');
  var spacing = ('+');
  var smallProductLink = $('.small-product a').attr('href'),
  sourceRatings = smallProductLink + spacing +'.product-large-reviews';
  ratingContainer.load(sourceRatings);

});