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

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

在该页面中，我调用一个JavaScript文件，该文件使用my_子视图ID为我的button div运行一个函数

在这个函数中，我有一个叫做content的东西，它基于某人为我创建的一个类，当我把‘thisacontent’放在里面时，它会以模态的形式显示这个句子

---

如何让内容显示另一个名为subview\u PHP的PHP文件的内容？

您的内容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('');
        }
     });
});

$（“#我的子视图”）。单击（函数（）{
$.ajax({
类型：“post”，
url:“my_subview.php”，
beforeSend:function（）{
$（'#wait'）.html（'加载数据'）；
},
成功：功能（数据）{
$（“#content”）.html（data）；//在div“content”中显示my#u subview.php数据
$（'#wait'）.html（''）；
}
});
});
$（“#子视图”）。单击（函数（）{
$.ajax({
类型：“post”，
url:“subview.php”，
beforeSend:function（）{
$（'#wait'）.html（'加载数据'）；
},
成功：功能（数据）{
$（“#content”）.html（data）；//在div“content”中显示subview.php数据
$（'#wait'）.html（''）；
}
});
});

---

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

我们需要查看代码和您迄今为止尝试过的内容（以及失败的原因），以给出答案。