2015-05-19 66 views
0

我需要一些幫助在這裏,我已經有一個數據庫:我設法顯示/隱藏「註釋」字段「ID | PLZ |國家| |作者評論」阿賈克斯負荷「評論」的onclick

使用jQuery。

現在我試着用ajax onclick加載評論,所以如果你點擊「顯示評論」按鈕,ajax應該從特定的ID加載註釋。

我知道我需要更改jquery代碼以從正確的id獲得正確的評論,但我不知道該怎麼做。

繼承人我的代碼:

JQUERY:

$(document).ready(function(){ 
     $(".productDescription").hide(); 
     $(".show_hide").show(); 
     $(".hide_show").hide(); 

    $('.show_hide').click(function(){ 
    $(this).parent().find('.productDescription').slideToggle(); 
     $(this).parent().find(".show_hide").hide(); 
     $(this).parent().find(".hide_show").show(); 
    }); 

$('.hide_show').click(function(){ 
    $(this).parent().find('.productDescription').slideToggle(); 
     $(this).parent().find(".show_hide").show(); 
     $(this).parent().find(".hide_show").hide(); 

    }); 

}); 

</script> 

PHP:

<?php 
$abfrage = "SELECT * FROM ufo"; 
$ergebnis = mysql_query($abfrage); 
while($row = mysql_fetch_object($ergebnis)) 
    { 

echo ' 
<div class="product clearfix"> 
    <h4>ID:'.$row->id.'|PLZ:'.$row->PLZ.'|Country:'.$row->Country.'</h4> 
    <a href="#" class="show_hide">Show Comments</a> 
    <a href="#" class="hide_show">Hide Comments</a> 
    <div class="productDescription"> 
     <p>Comment:'.$row->Comment.'</p> 
    </div> 
</div> 
<br>'; 

    } 

?> 

我會很感激,如果有人可以幫助我。

只要

回答

1

我給你一個簡單的例子。你沒有提供一個視圖,所以我只是把名字命名爲事物。

$(".someButton").click(function(){ 
    $.get("/urlToMethod?id=" + idAssociatedWithButton,function(result){ 
     //do stuff with result 
    }) 
}) 

基本上當你的按鈕被點擊時,它會觸發裏面的代碼。在點擊內部,我有一個get調用,它將調用一個指定URL的Web方法來接收一個ID。所以url可以是/ home/getComment?id = 24。這意味着它調用一個名爲getComment的方法,並傳入一個名爲id的變量,值爲24.通過該變量,您可以從您的數據庫中獲取您的評論數據。 get調用函數內的結果變量是get方法返回的內容。

以下是有關使用Jquery http://api.jquery.com/jquery.ajax/調用ajax的更多信息。 有很多方法可以做到這一點,這只是讓你開始的一種方式。

+0

嘿,那裏,謝謝你的回覆,我現在有調用一個.php文件,提取評論?實時演示:http://www.twitch-smileys.com/ufo/ –

+0

是的,基本上你可以通過url調用一個php方法,並在該php中調用數據庫。我不熟悉PHP,所以不能幫助你構建它,但我確信網絡上有很多例子。 – mattfetz

+0

好吧,我會盡力,非常感謝!其他建議表示讚賞 –