1

Facebookなどのように、画面の下部にアクセスしたときに同じページに新製品をロードできるようにするショッピングスクリプトを使用しています。page1のようにページを呼び出すと、各ページのAJAX文字列を取得できます。 .ajaxまたはpage2.ajax。私はたくさんの記事やチュートリアルを読みましたが、これを理解することはできません。

私がこれまでに持っているのは：

HTML

<div id="collection-ajax">
    <div class="productsGrid">
    // products on page 1 //
    </div>
    // WHEN CATEGORIE HAS MORE PAGES THIS HAVE TO BE SHOWN AFTER THE PRODUCTS ABOVE
    <div id="loadmoreajaxloader" style="display:none;"><img src="ajax-loader.gif" /></div>

AJAX文字列（jsonのように見えます）は、残りの製品の1つです。

{"page":1,"pages":2,"count":42,"url":"http:\/\/meules1.webshopapp.com\/woonkamer-en-keuken\/","products":[{"id":1750137,"vid":2765003,"image":"http:\/\/cdn.webshopapp.com\/i\/z1faly\/50x50x2\/newc.jpg","image_id":2156769,"brand":false,"code":"40-95407","ean":"40-95407","sku":"","score":false,"price":{"price":65,"price_money":"\u20ac65,00","price_money_with_currency":"\u20ac65,00 EUR","price_money_without_currency":"65,00","price_excl":54.6218,"price_excl_money":"\u20ac54,62","price_excl_money_with_currency":"\u20ac54,62 EUR","price_excl_money_without_currency":"54,62","price_incl":65,"price_incl_money":"\u20ac65,00","price_incl_money_with_currency":"\u20ac65,00 EUR","price_incl_money_without_currency":"65,00","price_old":109,"price_old_money":"\u20ac109,00","price_old_money_with_currency":"\u20ac109,00 EUR","price_old_money_without_currency":"109,00","price_old_excl":91.5966,"price_old_excl_money":"\u20ac91,60","price_old_excl_money_with_currency":"\u20ac91,60

Jqueryは私が直面している問題です。私は個人的にこのようなことを考えました：

<script type="text/javascript">
var collectionPage  = {{ collection.page }};
var collectionPages = {{ collection.pages }};

function loadCollectionContent(){
    if(collectionPage < collectionPages){
        collectionPage++;  

        var url =  'http://shop.com/page' + collectionPage + '.ajax';

        $.getJSON(url, function(data){
            var listItems = [];
            $.each(data.products, function(index, product){
                var itemHtml = '' 
                // HERE I'M STUCK ON WHAT TO DO NEXT

誰かが私にいくつかの方向を示すことができますか？または、コードを手伝ってくれませんか？さらに情報が必要な場合はお知らせください。

4

1 に答える 1

2

このようなこともできます。

$("loadmoreajaxloader").click(function(){ 
     //on clicking the bottom of page or whatever div you want
$.ajax({
    url:database_more.pl //fetch data 
    success:function(data){
       $("loadmoreajaxloader").html(data);
 //embed it in the current page whatever you obtain
     }
  });
});

お役に立てれば。それでも、それはあなたのアプローチとは異なります。

ありがとう。

于 2012-06-20T18:49:15.597 に答える