Question

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

即：＃div1打开#display，其中one.php，＃div2打开#display with two.php等。

有什么建议吗？

Answer 1

您可以使用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
      }
    });
});

<强>文档

http://api.jquery.com/jQuery.ajax/

Answer 2

有几种方法。通过“在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');
    })
});

Answer 3

尝试如下

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

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

Answer 4

使用ajax：http://api.jquery.com/jQuery.ajax/或加载：http://api.jquery.com/load/

Answer 5

使用jquery的加载方法加载点击事件的内容。

http://api.jquery.com/load/

Answer 6

使用Ajax：

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

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

6 个答案: