Question

我有3个php个文件，第一个是posts.php，在此文件中有一些PHP代码，此处是javascript和AJAX代码：

<script type="text/javascript">
$(document).ready(function(){
 $("table").on('click','a',function() {

        var ID = $(this).attr("id");
        $.ajax({
        type: 'POST',
        cache: false,
        url: 'posts_info.php',
        data: {id:ID},
        success: function(html){

            $("#more"+ID).before(html);
            alert('this is the info');
            }
        });

    });

$('#content').on('click','.more',function( event){

    var ID = $(this).attr("id");
    if(ID)
    {
        $("#loader").show();
        $.ajax({
        type: 'POST',
        url: 'posts_load.php',
        data: {id:ID},
        cache: false,
        success: function(html){
            $("#loader").hide();
            $("#more"+ID).before(html);
            $("#more"+ID).remove();
            alert('this is moreee posts');

            }
        });

    }

    }); 

});

</script>

当用户点击图片时，会发生第一次ajax来电。当用户点击超链接时，会发生第二次＆＃34;更多＆＃34;。每个posts.info文件和posts_load文件都会加载不同的内容当用户点击图像时，posts_info的内容显示成功。此外，当用户点击更多链接时，posts_load的内容成功显示。问题出在用户的时候点击更多，posts_load.php已加载。但在此之后，当用户点击图片时，＆＃34; posts_info.php＆＃34;不会显示任何内容。呼叫成功，直到警报部分，但没有显示任何内容。任何帮助？

Answer 1

问题是当用户点击更多时，posts_load.php是然后，当用户点击图像时，没有显示在＆＃34; posts_info.php＆＃34;。呼叫成功，直到然而，警报部分没有显示

我可以看到你的代码可能有问题：

单击图像时，在第二个ajax调用中，您将删除元素：

$("#more"+ID).remove();

然后在点击a

时添加

$("#more"+ID).before(html);

它没有添加响应内容，因为元素已从DOM中删除。

如何为2个不同的PHP文件进行2次Ajax调用？

1 个答案: