2014-03-07 59 views
0

我需要創建,我認爲,一些相當複雜的東西,想知道如果有人可以幫助我與想法/教程/例子。AJAX更新類別 - 類別 - 產品在主頁

事情是我們的客戶需要一個在主頁上的分步系統,客戶可以在不同的類別之間進行選擇,然後查看關聯的產品。 是的,我知道Amasty等分層導航和AJAX的東西,但我不認爲這就是我需要在這種情況下。讓我一步一步解釋。

首先,這是一家手機維修店。

該部分由4列組成,每列應根據您在此之前選擇的內容進行更新。 第一欄包含主要類別(手機品牌),如果您選擇讓HTC說第二欄應顯示HTC的子類別。然後,選擇一種手機後,第三欄應更新可能的修理(產品)。然後,在選擇其中一個維修(產品)後,第四欄應更新價格等,並向您顯示「繼續結帳」按鈕。 所有這些更新應該使用AJAX顯然,因爲不斷重新加載頁面是一個煩惱。我非常熟悉Magento的結構,我想我已經足夠了解創建自己的模塊,並且我對PHP和jQuery/Javascript的瞭解應該足夠了。但我不知道該從哪裏開始,這是多麼複雜。因爲我們有一套設定的開發時間,我不確定我可以在約定的時間範圍內做到這一點。

希望任何人都可以分享一些見解和想法!

荷蘭(因此可能的語法錯誤:P)

回答

0

function loadFilter(variable1,variable2,option,div){ $.post("../filtros.php", data:{ variable1:var1, variable2:var2, option:option}, function(data){ $("#"+ div+"").html(data); } ); } $("#var1").click(function(){ loadFilter($(this).val(),"","option1","div1"); }); $("#var2").click(function(){ loadFilter($("#var1").val(),$(this).val(),"option2","div2"); });

和PHP(../ filtros.php)

$option=$_REQUEST["option"]; 
if($option=="var1"){ 
    $query = "select * from yourtable where var1 =". $_REQUEST["var1"]; 
} 
if($option=="var2"){ 
    $query = "select * from yourtable where var1 =". $_REQUEST["var1"]. 
"and var2 = ".$_REQUEST["var2"]; 
} 
foreach(query as q){ 
    echo q; 
} 

當點擊#VAR1加載其數據(var2)

並單擊#var2加載其數據

+1

儘管這不完全如我所想。這是使我朝着正確方向的一般答案。我創建了自己的模塊來處理我的AjaxRequests,使用一個自定義的IndexController.php並且有一些返回所需html的公共函數。 – MariusJP

1

您應該爲要更新的網頁的每個部分創建一個ajax請求函數。您可以發送響應文本的回調函數,將建立列