2015-05-19 36 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

好吧,我会尽力,非常感谢!其他建议表示赞赏 –