单击链接时在div中加载PHP页面

当我点击一个div按钮时，我试图弄清楚如何将一个单独的php页面加载到一个div中

Ie:#div1打开#使用其中的one.php显示，#div2打开#使用two.php显示，等等

---

有什么建议吗？

为此使用ajax:，或者加载：

使用jquery的加载方法在单击事件时加载内容

---

您可以使用AJAX实现这一点：

$('#div1').on("click",function(){
    var url= "page1.php"; //insert your URL
    $.ajax({
      url: url,
      success: function(data){
           $('#div1').html(data); //copy and paste for your special case
      }
    });
});

文档：

---

有几种方法。“在div中加载PHP页面”的意思是“在div中加载PHP页面的输出”
如果您真的只想加载一些HTML响应（无需生成POST请求），最简单的方法是使用jQuery的加载函数

$(document).ready(function () {
    $('#div1').click(function() {
        $('#display').load('one.php');
    });
    $('#div2').click(function() {
        $('#display').load('two.php');
    })
    $('#div3').click(function() {
        $('#display').load('three.php');
    })
});

试试下面这样

$('#div1').click(function(){
 $('#display').load('one.php', function() {
    alert('Load was performed.');
   });
});

$('#div2').click(function(){
 $('#display').load('two.php', function() {
    alert('Load was performed.');
   });
});

为此，请使用Ajax：

$.post("GetData.jsp",
  { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  }
);

jquery的加载：

$（'#div1'）.load（'one.php'）