如何用 AJAX 告诉 PHP 在文章下显示哪些评论？

Question

I am building a news page for my website but I'm stuck displaying the right comments with ajax...

commentsLoad.php

<?php
include('config.php');

$newsid = $_GET['newsid'];

    $comments=array();
    $commentsQuery = "SELECT * FROM comments
    where fk_news like ".$newsid;
    $result = $conn->query($commentsQuery);
        if($result->num_rows>0){
            while($row = $result->fetch_assoc()){
                 $comments[]=array('id' => $row['id'], 'name' => $row['cnick'], 'text' => $row['ctext'], 'date' => $row['cdate']);                                                                      
            }
        }
                    //header('Content-type: application/json');
                    echo json_encode($comments);
                    exit;
?>

I dont know how to pass the right 'NEWSID'.

Website picture: http://prntscr.com/8nwy8k

How I want to pass that ID to the SQL Query

$.ajax({
 type: 'GET',
 url: commentsUrl,
 dataType: "json",
 data:{newsid:'1'},
 success: function(comments){
    //console.log(komentarji);
    $.each(comments, function(i, komentar){
        addComment(komentar);
 })
},
error: function(e){
    console.log(e);
 }              
});

So right now if I change the line data:{newsid:'1 or 2 or 3...'} I get the comments I want, but I dont know how to get that ID into a variable.

Answer 1

You can use onClick event for this.

Explanation:

Comment link will look as follows

<a href="javascript:void(0)" onClick="getComments('<?php echo $YOUR_ARTICLE_ ID?>')">Comments</a>

Then you can have a fucntion in your JQuery code to pass it to PHP file.

function getComments(article_id)
{
    var artid = article_id;
    $.ajax({
        type: 'POST',
        url: commentsUrl,
        dataType: "json",
        data:{newsid: artid},
        success: function(comments){
            $.each(comments, function(i, komentar){
                addComment(komentar);
            })
        },
        error: function(e){
            console.log(e);
        }              
    });
}

Answer 2

Try set onclick function in the comment link.

<a href="javascript:void(0)" onclick='myfunction <?php echo newsid ?>'Comment</a>

Get the newsid form the link.

<script>
function myfunction(newsid){
$.ajax({
type: 'GET',
url: commentsUrl,
dataType: "json",
data:{newsid:newsid},
success: function(comments){
//console.log(komentarji);
$.each(comments, function(i, komentar){
    addComment(komentar);
})
},
error: function(e){
console.log(e);
}              
});
}
</script>

Get the newid from commenntsUrl page.