Question

我有一个主要的PHP文件，包含我的主页的内容，比如index.php。

在该页面中，我调用一个JavaScript文件，该文件使用my_subview ID为我的按钮div运行一个函数。

在这个函数中，我有一些基于某人为我做的类的内容，当我在其中放入'This is content'时，它会以模态显示该句子。

我怎样才能让内容显示另一个PHP文件的内容，称为subview_php？

Answer 1

您的内容div将是：

 <div id="content"></div>
 <input type="button" id="my_subview">
 <input type="button" id="subview">
 <div id="wait"></div>

你必须使用jQuery + Ajax，代码是：

 $("#my_subview").click(function(){

     $.ajax({
        type:"post",
        url:"my_subview.php",
        beforeSend: function(){
                        $('#wait').html('<img src="img/Loading.gif"/> Loading Data');                           
                    },
        success:function(data){
              $("#content").html(data); //Show in the div "content" a my_subview.php data
              $('#wait').html('');
        }
        });
 });

 $("#subview").click(function(){

     $.ajax({
        type:"post",
        url:"subview.php",
        beforeSend: function(){
                        $('#wait').html('<img src="img/Loading.gif"/> Loading Data');                           
                    },
        success:function(data){
              $("#content").html(data); //Show in the div "content" a subview.php data
              $('#wait').html('');
        }
     });
});

因此，当您单击div“content”中的第一个按钮时，您将显示my_subview.php数据，当您单击第二个按钮时，您将在相同的div“content”中显示subview.php数据

如何通过JavaScript显示我的子视图（PHP）？

1 个答案: