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

Question

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

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

在这个函数中，我根据某人为我制作的内容创建了一些内容，当我将“这是内容”放在那里时，它将以句子形式显示该句子。

我该如何让内容显示另一个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的第一个按钮 “内容”，你会显示一个my_subview.php数据，当你点击第二个按钮时，你会在同一个div中显示一个subview.php数据