Ajax加载“评论”onclick

时间:2015-05-19 22:06:39

标签: jquery ajax

我需要一些帮助,我有一个数据库:“ID | PLZ |国家|作者|评论”

使用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 个答案:

答案 0 :(得分:1)

我会给你一个简单的例子。你没有提供一个视图,所以我只是为事物命名。

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

基本上,当你点击你的按钮时,它会激活里面的代码。在点击内部,我有一个get调用,它将调用一个带有ID的指定URL的Web方法。所以网址可以是/ home / getComment?id = 24。这意味着它调用一个名为getComment的方法,并传入一个名为id的变量,其值为24.使用它可以从数据库中获取注释数据。 get调用函数中的结果变量是从get方法返回的结果。

以下是有关Jquery http://api.jquery.com/jquery.ajax/的ajax调用的更多信息。 有很多方法可以做到这一点,这只是一种让你开始的方法。