以正确的方式覆盖动态PHP内容?

时间:2016-08-04 23:43:20

标签: javascript php jquery ajax lightbox

我在点击功能和我制作的灯箱中显示动态内容时遇到了一些问题。 列出了三个文件:

的index.php

在索引中,我有一个foreach,其中包含表中的所有记录和记录ID。

<?php
   foreach($id as $id){
?>
    <div class="event">
       <a class="id" href="javascript:void(0)" id="<?php echo $id;?>">click to see more</a>
    </div>
<?php
   }
?>

jquery文件

在jQuery文件中,我获取了单击的元素的ID。现在我想将它传递到文章文件中以获取带有单击ID的数据。 我使用.load函数将文件加载到灯箱中,但我无法获取ID。

$('.id').click(function(){
    var article_id = $(this).prop('id');
    $.post("article.php", {"article_id": event_id});
    $('.article').load("article.php");
});

文章文件

在这里,我想通过$ .post从jquery接收article_id,但我得到一个未定义的索引。 我之所以这么想是因为在请求之前已经加载了article.php文件。

<div class="article">
   <!-- here I want to get the $_POST['article_id']-->
</div>

我希望sombody可以帮助我,或者告诉我正确的方法。

2 个答案:

答案 0 :(得分:2)

试试这段代码:

<?php

$idlist = array(1,2,3,4);
   foreach($idlist as $id){
?>
    <div class="event">
       <a class="id"  href="javascript:void(0)" id="<?php echo $id;?>">click to see more</a>
    </div>
<?php
   }
?>



<div class="article">

</div>

<script language="javascript">
       $(function(){
           $('.id').click(function(){
                $(".article").load("article.php", {id: $(this).attr('id')});
           })
        })
</script>

答案 1 :(得分:1)

试试这个:

datnq@quocdat-pc:~/web/src$ 
drwxr-xr-x 10 root root   4096 Th08  4 15:15 a.php